20,421 skills sorted by stars.
Design and build reusable, well-documented components. Master component composition, prop design, variant systems, state...
Create and manage OSCAL component definitions for reusable security control implementations. Inspired by CivicActions co...
Create demonstration pages for components and hooks.
Reviews React components and provides improvement suggestions. Use when you need code review, component review, structur...
Designs reusable UI components including buttons, inputs, cards, modals, and other interface elements. Specifies states,...
Component and type design for TypeScript + React code. Use when planning new features, designing components and custom h...
画像キャプチャ（直接貼り付けまたはファイルパス指定）からWindows Forms風のAstroコンポーネントを自動生成します。UIデザインを解析し、レイアウト、色、サイズ、テキストを再現したコンポーネントとデモページを作成します。
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',...
Maintain consistent file structure - components/ui for base shadcn, components/shared for composed components, pages for...
指定されたコンポーネントのリファクタリングを設計する。
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...
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）を実行し、結果をレポートする。
Use this skill to create or modify tests for a component.
Jest and React Native Testing Library patterns. Use when writing component tests.
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...
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...
Expert knowledge for deploying and operating Composable Rust applications in production. Use when setting up database mi...
Expert knowledge for implementing distributed sagas in Composable Rust. Use when coordinating multiple aggregates in dis...
Expert knowledge for testing Composable Rust applications. Use when writing unit tests for reducers, setting up integrat...
Expert knowledge for building web APIs and real-time applications with Composable Rust. Use when building HTTP REST APIs...
Data visualization and chart components for Composable Svelte. Use when creating charts, graphs, or data visualizations....
Streaming chat and collaborative features for Composable Svelte. Use when implementing LLM chat interfaces, real-time me...
Code editing, syntax highlighting, and visual programming for Composable Svelte. Use when implementing code editors, syn...
UI component library reference for Composable Svelte. Use when implementing designs, choosing components, styling layout...
Core architecture patterns for Composable Svelte. Use when creating stores, writing reducers, working with effects, comp...
Production deployment patterns for Composable Svelte SSR applications. Use when deploying to Fly.io, Docker, or any clou...
Form patterns and validation for Composable Svelte. Use when building forms, validating user input, or integrating Zod s...
3D graphics and WebGPU/WebGL rendering with Composable Svelte. Use when building 3D scenes, working with cameras, lights...
Internationalization (i18n) system for Composable Svelte. Use when implementing multi-language support, translations, da...
Audio, video, and voice components for Composable Svelte. Use when implementing audio players, video embeds, or voice in...
Navigation and animation patterns for Composable Svelte. Use when implementing modals, sheets, drawers, alerts, navigati...
Server-side rendering patterns for Composable Svelte. Use when implementing SSR, hydration, server rendering, isomorphic...
Testing patterns for Composable Svelte. Use when writing tests, using TestStore, mocking dependencies, or testing reduce...
Docker Compose を管理する。「compose 起動」「docker-compose up」「サービス起動」「compose 停止」「サービス止めて」「down」「compose ログ」「サービスのログ」「compose ps」...
Teaches component composition patterns in React 19 including children prop, compound components, and render props. Use w...
Use when Codex needs to run CI/CD or cross-service automations through the Composio MCP server.
Research product compositions using AI and web sources. Use when needing to find what products, substances, or objects a...