Loading...
Loading...
Found 2,238 Skills
Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and Vercel AI SDK conventions. Use when creating new components in packages/elements/src or when the user asks to add a new component to ai-elements.
React/Next.js 프론트엔드 프로젝트의 컴포넌트, 페이지, API 라우트, 훅, 스토어 등 보일러플레이트를 자동 생성하는 스캐폴딩 스킬. "컴포넌트 만들어", "페이지 생성", "scaffold", "boilerplate" 등의 요청 시 사용.
Stream server-rendered HTML to the client in chunks for faster Time to First Byte and First Contentful Paint.
Writes detailed video scripts for Remotion based on input requirements and codebase analysis
Comprehensive skills for working with valtio-define
Binding audio analysis data to visual parameters including smoothing, beat detection responses, and frequency-to-visual mappings. Use when creating audio visualizers, music-reactive animations, or any visual effect driven by audio input.
React component-based UI with hooks, context, and state management. Use for .jsx/.tsx files.
VChart Chart Library Expert Assistant, supporting scenarios such as problem diagnosis, configuration generation, image/Figma design draft restoration, and providing accurate chart development solutions based on structured knowledge bases
Add Agentation visual feedback toolbar to a Next.js project
Add a test case to the web renderer
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
Zod 4 schema validation patterns. Trigger: When using Zod for validation - breaking changes from v3.