Search

Find skills by name, source, slug, or description across the full catalog.

Feature your product here Catalog & search unit · reach builders installing agent skills View pricing →

3,622 results for “frontend-design” · page 9

#
Skill
Source
Installs
401
-hook site/smithery.ai/-hook 커스? 개발 에이전트. React 커스?
smithery.ai
1
402
-internationalization-best-practices site/smithery.ai/-internationalization-best-practices Internationalization best practices for React Router framework mode using remix-i18next. Use when setting up locales,…
smithery.ai
1
403
-lint site/smithery.ai/-lint 코드 품질 검사 에이전트. 린?
smithery.ai
1
404
-mobile-development-component-scaffold site/smithery.ai/-mobile-development-component-scaffold You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performan…
smithery.ai
1
405
-module site/smithery.ai/-module myfy Module for server-side rendering with Jinja2, Tailwind 4, DaisyUI 5, and Vite. Use when working with Fro…
smithery.ai
1
406
-nuxt site/smithery.ai/-nuxt Nuxt 4 & TailwindCSS expert for modern web applications (SSR, SPA, Hybrid).
smithery.ai
1
407
-perf site/smithery.ai/-perf 성능 최적화 에이전트. 프론트엔드 성능을 분석하고 최적화합니다.
smithery.ai
1
408
-philosophy site/smithery.ai/-philosophy Visual & UI philosophy (The 5 Pillars of Intentional UI). Understand deeply to avoid "AI slop" and create distinctive…
smithery.ai
1
409
-query-hooks site/smithery.ai/-query-hooks Use when creating or using TanStack Query hooks for data fetching
smithery.ai
1
410
-razor site/smithery.ai/-razor Apply when working with Razor views, MVC layouts, partial views, and tag helpers
smithery.ai
1
411
-react-best-practices site/smithery.ai/-react-best-practices React performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure opt…
smithery.ai
1
412
-react-router-best-practices site/smithery.ai/-react-router-best-practices React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with…
smithery.ai
1
413
-refactor-planner site/smithery.ai/-refactor-planner Creates safe refactor plans for messy UI code including component splitting strategies, state simplification, perform…
smithery.ai
1
414
-reviewer site/smithery.ai/-reviewer 画面設計書および実?
smithery.ai
1
415
-socket site/smithery.ai/-socket 실시간 통신 에이전트. WebSocket/Socket.io 통신을 구현합니다.
smithery.ai
1
416
-state site/smithery.ai/-state 상태 관리 에이전트. 애플리케이?
smithery.ai
1
417
-supabase-sdk site/smithery.ai/-supabase-sdk Use when making direct Supabase SDK calls in TypeScript files (hooks, components, routes, utilities)
smithery.ai
1
418
-svelte site/smithery.ai/-svelte Technical knowledge for SvelteKit 5 development.
smithery.ai
1
419
-ui site/smithery.ai/-ui Build beautiful, responsive UIs with React, Tailwind CSS, and Framer Motion animations.
smithery.ai
1
420
-ui-functional site/smithery.ai/-ui-functional Use when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need…
smithery.ai
1
421
hotwire site/smithery.ai/hotwire This skill should be used when the user asks about "Hotwire", "Turbo", "Turbo Drive", "Turbo Frames", "Turbo Streams"…
smithery.ai
1
422
i18n--implementer site/smithery.ai/i18n--implementer Adds internationalization (i18n) infrastructure with translation plumbing, scalable key strategy, formatters for date…
smithery.ai
1
423
implementing-chat-streaming site/smithery.ai/implementing-chat-streaming Provides SSE streaming patterns for the chat API and . Use when implementing or modifying chat streaming, han…
smithery.ai
1
424
keyboard-navigation-tester site/smithery.ai/keyboard-navigation-tester Test keyboard navigation tester operations. Auto-activating skill for Development. Triggers on: keyboard nav…
smithery.ai
1
425
laravel-fullstack site/smithery.ai/laravel-fullstack Laravel Blade views, Alpine.js, Vue.js integration, TailwindCSS styling, Vite assets. ALWAYS activate when: working w…
smithery.ai
1
426
livekit-nextjs- site/smithery.ai/livekit-nextjs- Build and review production-grade web and mobile s using LiveKit with Next.js. Covers real-time video/audio/d…
smithery.ai
1
427
nextjs--api-client-patterns site/smithery.ai/nextjs--api-client-patterns Standard patterns for HTTP/API clients in Next.js 16+ App Router errors, and how to attach auth headers in a reusable…
smithery.ai
1
428
nimbus- site/smithery.ai/nimbus- Use when writing or modifying Vue 3 components, Vuex store modules, TypeScript interfaces, or Vuetify 4 UI in the src…
smithery.ai
1
429
nuxt-code-editor site/smithery.ai/nuxt-code-editor 设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程(目…
smithery.ai
1
430
open-graph-creator site/smithery.ai/open-graph-creator Create open graph creator operations. Auto-activating skill for Development. Triggers on: open graph creator…
smithery.ai
1
431
openai-chatkit- site/smithery.ai/openai-chatkit- Patterns for building AI chatbot s using OpenAI ChatKit with Next.js App Router, including custom backend int…
smithery.ai
1
432
react-starter-skill site/smithery.ai/react-starter-skill React + Vite + Tailwind CSS v4 + React Query + Zustand + React Router + Lingui + shadcn + lucide-react 项目脚手架。Us…
smithery.ai
1
433
test-workflow site/smithery.ai/test-workflow Automated testing workflow for backend and . Use when writing tests, fixing test failures, or validating code…
smithery.ai
1
434
ui-token-first site/smithery.ai/ui-token-first Enforce UI token usage for Espresso Engineered work. Use when editing Svelte/SvelteKit UI, styling typograph…
smithery.ai
1
435
vendix-error-handling site/smithery.ai/vendix-error-handling Standardized backend/ error handling with VendixHttpException, error-codes.ts, AllExceptionsFilter, validatio…
smithery.ai
1
436
vendix--component site/smithery.ai/vendix--component Angular component structure rules for Vendix: reuse shared components first, follow zoneless/signals patterns, and al…
smithery.ai
1
437
vendix--module site/smithery.ai/vendix--module Angular module/feature structure patterns for Vendix: pages, services, interfaces, routes, standalone roots, and modu…
smithery.ai
1
438
vue-component-generator site/smithery.ai/vue-component-generator Generate vue component generator operations. Auto-activating skill for Development. Triggers on: vue compone…
smithery.ai
1
439
vue- site/smithery.ai/vue- Composition API vs Options API
smithery.ai
1
440
vue--expert site/smithery.ai/vue--expert 专注于 Vue 3 (Nuxt 4)、SCSS (BEM) 和 I18n 前端实现。
smithery.ai
1
441
wechat-minware site/smithery.ai/wechat-minware Build, review, and refactor WeChat Mini Program (微信小程序) s.
smithery.ai
1
442
zod-form-validation site/smithery.ai/zod-form-validation Zod schema validation and React Hook Form integration for TypeScript s.
smithery.ai
1
443
zustand-store-creator site/smithery.ai/zustand-store-creator Create zustand store creator operations. Auto-activating skill for Development. Triggers on: zustand store c…
smithery.ai
1
444
atomic- site/smithery.ai/atomic- Atomic methodology for React component architecture.
smithery.ai
2
445
-prompt-generator-v2 site/smithery.ai/-prompt-generator-v2 Advanced 7-step hierarchical prompt generator for AI web development tools (Lovable, Cursor, Bolt).
smithery.ai
2
446
project-development site/smithery.ai/project-development This skill should be used for project-level decisions about LLM-powered systems: whether an LLM is the right primitiv…
smithery.ai
2
447
type--analyzer site/smithery.ai/type--analyzer Analyzes type quality focusing on encapsulation, invariant expression, usefulness, and enforcement. Provides q…
smithery.ai
2
448
cartoon--theme site/skill.new.ndhy.com/cartoon--theme Install the cartoon--theme skill for your AI agent. Published on skill.new.ndhy.com.
skill.new.ndhy.com
3
449
Developer Roadmap site/skills.volces.com/toolweb--developer Install the Developer Roadmap skill for your AI agent. Published on skills.volces.com.
skills.volces.com
3
450
-code-review site/skills.volces.com/-code-review Install the -code-review skill for your AI agent. Published on skills.volces.com.
skills.volces.com
3