Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
Create and modify React components following project patterns. Use when building UI components, forms, layouts, navigati...
Procedures for creating and maintaining UI components.
Guide for documenting project components and features. Creates or updates documentation in docs/components/ by exploring...
批量生成和维护前端组件库文档的自动化工具。专为 Monorepo 组件库设计（如 atom-ui-mobile），通过对比组件文件和文档的修改时间，自动生成任务清单并批量生成符合规范的完整组件文档。支持以下场景：(1) 定期批量更新组件文档...
Systematic component implementation fixes. Uses Serena MCP symbolic tools for efficient code modification. Handles token...
画像キャプチャ（直接貼り付けまたはファイルパス指定）からWindows Forms風のAstroコンポーネントを自動生成します。UIデザインを解析し、レイアウト、色、サイズ、テキストを再現したコンポーネントとデモページを作成します。
Research UI component patterns across 60 component types and 95 production design systems (2,676+ examples from componen...
Generates new React Native components following Ishkul patterns. Creates component with proper TypeScript types, theme i...
Generate production-ready SolidJS components with Kobalte accessibility primitives, CVA variants, and Storybook stories....
Guide component selection in ResRequest Vue projects. Ensures correct usage of ShadCN-Vue vs custom components, proper i...
Implements UI components from design specifications. Use when implementing frontend components, pages, or UI elements. F...
React, MDX, and Tailwind CSS integration patterns for Astro websites. Use when adding React components, configuring MDX...
"This skill should be used when the user asks to 'create a component', 'add a button', 'build a card', 'add UI element',...
Scaffold component library structure with Storybook and documentation
Conditionally installs GitHub Packages component library at latest version. Adds to package.json when user requests it.
Build reusable component libraries and design systems. Covers design tokens, atomic design, Storybook documentation, var...
Create design system with Storybook and theming.
Enforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or ref...
Create a new React component with TypeScript and modern best practices
Maintain consistent file structure - components/ui for base shadcn, components/shared for composed components, pages for...
UI component patterns with style-specific implementations and accessibility
React component composition patterns including compound components, render props, HOCs, and controlled vs uncontrolled c...
Guidelines for organizing React components in Shadow Master. Use when creating new components, deciding between single-f...
React component patterns, styling conventions, and animation standards for CJS2026 UI development
"React component architecture and composition patterns for type-safe development. Use when designing component APIs, imp...
Validates that generated skills, agents, and hooks are production-ready before use. Scores components against quality cr...
Tailwind CSS component recipes. Use when building UI components with consistent styling. Provides copy-paste patterns fo...
Guia refatoração de componentes React seguindo padrões do Ultrathink, reduzindo duplicação e criando componentes genéric...
指定されたコンポーネントのリファクタリングを設計する。
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity >...
Refactor high-complexity React components. Use when complexity is high, when the user asks for code splitting, hook extr...
Query ACM/MCE component registry information including squad ownership, GitHub repositories, Konflux components, JIRA co...
Handles Tambo component streaming, loading states, and persistent state. Use when implementing streaming UI feedback, tr...
This skill should be used when the user asks to "evaluate if TBC covers a use case", "decide which TBC component to use"...
Scaffold a new UI component following Pierre design system patterns
Scaffold and conventions to create a new UI component following project patterns (no Shadow DOM, static stylesheet regis...
Generates clean React/Vue component skeletons with TypeScript types, prop variants, styling hooks, test files, Storybook...
Generate Drupal/Twig component skeletons with web components and Miyagi validation. Use when user requests to create, sc...
Screenshot testing for React components with Playwright. Captures component pixels and compares to baselines. Auto-apply...
This skill should be used when users need to discover Redpanda Connect components for their streaming pipelines. Trigger...
"Adding data-slot attributes for CSS targeting and component documentation"
Component style templates and BEM naming for vehicle insurance platform. Use when styling Vue components, implementing B...
UI component library templates (buttons, forms, cards, modals, etc.). Use when generating frontend UI components.
指定されたコンポーネントのテストを設計する。
指定されたコンポーネントの全テスト（unit, a11y, vrt, interaction）を実行し、結果をレポートする。
Enforces project React component testing conventions using Testing Library with proper rendering, user interactions, and...
Test React components with React Testing Library and Playwright. Use when building UI components or verifying frontend f...
Use this skill to create or modify tests for a component.
Jest and React Native Testing Library patterns. Use when writing component tests.
Orchestrates the migration of legacy MUI or generic components to the Northcote Curio design system. Specializes in "Ref...
동구라미 앱의 재사용 가능한 UI 컴포넌트 라이브러리입니다.
Analyse component dependencies and usage patterns in a Drupal/Twig component library. Use when user asks to find where a...
Use this skill when users mention "component usage", "where is this component used", "deprecate component", "migration i...
Use when creating multi-style components, variant props, or style switching. Covers Glass, Outline, and Flat styles with...
Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui compon...
UI component patterns for React 19, shadcn/ui, and Tailwind. Use when working on files in src/components/.
- Standalone: standalone: true. Import dependencies directly in imports array.
Vuer 3D component reference - primitives, meshes, URDF, cameras, lighting, images (plugin:vuer@vuer)
Creates and registers Tambo components - generative (AI creates on-demand) and interactable (pre-placed, AI updates). Us...
Use @inkcre/web-design Vue 3 components. Includes all 19 components with props, events, and usage examples.
Guidance for writing `@kubb/react-fabric` components and generators (React-based and function-based).
Apply functional and compositional architecture patterns when designing systems, modules, and components. Use when creat...
Design composable agentic primitives for flexible workflows. Use when creating reusable workflow building blocks, design...
Expert knowledge for building event-driven systems with Composable Rust framework. Use when implementing reducers, desig...
Expert knowledge for implementing event sourcing in Composable Rust. Use when implementing event-sourced aggregates, wor...