В каталоге 183 730 навыков в 14 категориях.
Regulatory compliance implementation for GDPR, HIPAA, SOC 2, PCI-DSS, and audit trail design. Use when asked to make a s...
Repository pattern for pre-approved financial disclosures and claim language.
Daily compliance-drift check for {{projectName}}. Reads AWS resource state and audit logs across {{aws_regions}}, compar...
Test for regulatory compliance: GDPR/CMP consent verification, Google Consent Mode v2, Global Privacy Control (GPC), CCP...
Detect where an organization passes an audit but remains exposed — seven documented compliance theater patterns with spe...
Track regulatory compliance for construction projects. Monitor permits, certifications, inspections, and regulatory requ...
Track compliance requirements and audit readiness. Trigger with "compliance", "audit prep", "SOC 2", "ISO 27001", "GDPR"...
Monitors and tracks employee compliance with mandatory requirements including training completions, certification renewa...
ACGME & institutional rule checking with systematic audit workflows, historical analysis, and violation remediation. Use...
Regulatory compliance intelligence for international trade. Covers PGA requirements (FDA, EPA, USDA, CPSC), denied party...
Design a premium, black-background, pink-glass homepage focus section for a todo app that intelligently organizes Quick...
Builds and audits reusable presentational UI components in Storybook — props in, events out, no fetching, routing, globa...
Base skill for working with electronic components in this library. Use when adding new component types, manufacturer han...
Create React components following Darkroom standards. Use when: - User says "create component", "new component", "add co...
Generate an Angular component with signals, OnPush, and host-based styling following Momentum CMS conventions. Use when...
Create a new Clojure component
Generate UI component with component file, test, and story (optional)
Help author a component specification for an agent.
Patterns for creating components that return VirtualNode data structures. Covers component structure, Props types, HTML...
React Nativeの再利用可能なUIコンポーネントを作成する。「コンポーネントを作って」「ボタンを作成」などのリクエストで使用する。
Design reusable component contracts with semantic typed APIs, slots, defaults, events, extension points, and controlled...
Selects and assembles components from the prototype's component library (enumerated at runtime) with correct props for a...
Take a component copied from a library and make it belong to your product, without losing what made it good. Identify th...
Validates shadcn/ui component customization depth, ensuring components aren't used with default props and checking for c...
Cross-component consistency analysis for the 12 component groups (Brand, Typography, Button, Form, Selector, Table, Char...
Use when creating, naming, or placing a file or folder in libs/*, or when modifying or adding a file to an existing comp...
Design a reusable component's API before its looks - what is fixed, what is configurable, which variants exist - and kee...
Reusable component patterns for cards, sections, forms, and layouts with consistent prop interfaces and composition stra...
Use when designing or changing a component's public API, its composition, or its state model in libs/ui-react or libs/ui...
> Template for project-specific component patterns skill
Design and build reusable, well-documented components. Master component composition, prop design, variant systems, state...
Analyze existing components and inline sections for semantic duplication, style drift, and justified variants. Use for a...
Write a self-contained, production-quality React UI component to Vitrine's house rules - one TSX file plus one CSS file,...
Intelligently identify missing test coverage based on component type
Rerank candidate documents by cross-encoder relevance score with a local BGE reranker model (BAAI/bge-reranker-large). U...
Retrieve and rank title-and-text documents with a field-aware BM25F implementation. Use for exact names, identifiers, qu...
Identify natural module and component boundaries for microservice extraction, modularization, or monolith decomposition...
Build new interface components and bounded composition patterns inside an existing project. Use for named components, in...
The core engine that generates production-ready, M3-compliant React components using MUI and Design Tokens. Use when cre...
name: component-catalog
Checks that any component that is being used by another component is only accessed through the component's interface and...
Cross-check a Certus component's nested Spec Kit `specs/**/spec.md` specifications against its generated implementation...
Cross-check a Certus component's abstract verification artifacts (a `verif/` Creusot mirror, a `#[cfg(kani)] mod verific...
Classify a RAG request into a constrained execution route by calling the frozen Executor Model. Use inside an Agentic wo...
Clean unused components, abandoned generated UI, and code or assets left behind by component migration. Inspect unimport...
Component composition patterns with nesting, slots, compound components, and render props. Use when creating reusable co...
コンポーネント合成パターンを用いた再利用可能なUI構造設計を支援するスキル。Compound Components、Polymorphic Components、Slot Pattern の選定と設計手順を整理する。Anchors:• Do...
Conventions for creating or editing components under src/components/** — file structure, props/types, composition, and w...
Critique a generated answer against the question and supplied evidence by calling the frozen Executor Model. Use for ans...
Create and manage OSCAL component definitions for reusable security control implementations. Inspired by CivicActions co...
Create demonstration pages for components and hooks.
Component design: boundaries, hover/focus/active/disabled/loading/success/error states, forms, navigation, hierarchy.
Design reusable UI components and design system elements with consistent styling and behavior. Use for: building design...
Design React/Vue components following atomic design and composition patterns. Use when creating UI components.
Design React/Next.js component APIs with clear Server/Client boundaries, composable patterns, and proper seam placement....
Reviews React components and provides improvement suggestions. Use when you need code review, component review, structur...
A design system has three token layers, and conflating them is what makes systems
Use when designing a specific module component - creates architecture/component_name.md with purpose, interface, depende...
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...
Create and modify React components following project patterns. Use when building UI components, forms, layouts, navigati...
Patterns and best practices for developing React 19 components with Shadcn UI, Radix primitives, and Tailwind CSS 4 in N...
Procedures for creating and maintaining UI components.
Discover required technical components through targeted questions based on classified requirements.
Scan frontend src directories and generate docs/components.md so Claude Code can reuse existing Vue/React components dur...
Use to write one component's documentation entry from its code, stories and real call sites, such as "document the butto...
Guide for documenting project components and features. Creates or updates documentation in docs/components/ by exploring...
批量生成和维护前端组件库文档的自动化工具。专为 Monorepo 组件库设计（如 atom-ui-mobile），通过对比组件文件和文档的修改时间，自动生成任务清单并批量生成符合规范的完整组件文档。支持以下场景：(1) 定期批量更新组件文档...
Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share the same b...
Systematic component implementation fixes. Uses Serena MCP symbolic tools for efficient code modification. Handles token...
Use when creating or updating component fixtures for screenshot testing or their shared infrastructure, or when designin...
画像キャプチャ（直接貼り付けまたはファイルパス指定）からWindows Forms風のAstroコンポーネントを自動生成します。UIデザインを解析し、レイアウト、色、サイズ、テキストを再現したコンポーネントとデモページを作成します。
Research UI component patterns across 60 component types and 95 production design systems (2,676+ examples from componen...
Generate production-ready SolidJS components with Kobalte accessibility primitives, CVA variants, and Storybook stories....
Generates new React Native components following Ishkul patterns. Creates component with proper TypeScript types, theme i...
Generate an answer grounded in selected documents by calling the frozen Executor Model through the runtime context. Use...
Guide component selection in ResRequest Vue projects. Ensures correct usage of ShadCN-Vue vs custom components, proper i...
Generate exactly one hypothetical answer-like document from the original query with single-sample HyDE (N=1) for zero-sh...
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...
Audit and inventory existing UI components in a codebase
Inspect an existing project to discover pages, components, inline UI, real content, and conditional consumers, then crea...
"This skill should be used when the user asks to 'create a component', 'add a button', 'build a card', 'add UI element',...
How a component is laid out on disk: when a single file becomes a folder, what the parts are called, and which way the i...
Use when building a component catalog, when standardizing component props and states across a product, when two engineer...
Build reusable component libraries and design systems. Covers design tokens, atomic design, Storybook documentation, var...
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.
Create design system with Storybook and theming.
Bootstrap a new component from an existing one, preserving its provided interfaces and receptacles under a different com...
Create a new component skeleton
Create a new actor component skeleton
Use when writing or editing Storybook MDX docs (*.mdx) — the two-tab Overview/Implementation structure, story-backed `<S...
Create a new React component with TypeScript and modern best practices
Create a new version of a component
Maintain consistent file structure - components/ui for base shadcn, components/shared for composed components, pages for...
React component patterns, styling conventions, and animation standards for CJS2026 UI development
Guidelines for organizing React components in Shadow Master. Use when creating new components, deciding between single-f...
UI component patterns with style-specific implementations and accessibility
Per-component-type verification approaches. Use when generating verification scripts for different component types.