Навыки: Данные

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...

Patterns and best practices for developing React 19 components with Shadcn UI, Radix primitives, and Tailwind CSS 4 in N...

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デザインを解析し、レイアウト、色、サイズ、テキストを再現したコンポーネントとデモページを作成します。

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...

Audit and inventory existing UI components in a codebase

"This skill should be used when the user asks to 'create a component', 'add a button', 'build a card', 'add UI element',...

Create design system with Storybook and theming.

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...

Guidelines for organizing React components in Shadow Master. Use when creating new components, deciding between single-f...

Guia refatoração de componentes React seguindo padrões do Ultrathink, reduzindo duplicação e criando componentes genéric...

指定されたコンポーネントのリファクタリングを設計する。

This skill should be used when the user asks to "evaluate if TBC covers a use case", "decide which TBC component to use"...

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）を実行し、結果をレポートする。

Archived skill guidance for component-testing.

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...

Use this skill when users mention "component usage", "where is this component used", "deprecate component", "migration i...

Component variant system with Glass, Outline, and Flat styles. Use when creating multi-style components, variant props,...

Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui compon...

Guidance for writing `@kubb/react-fabric` components and generators (React-based and function-based).

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...

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 building web APIs and real-time applications with Composable Rust. Use when building HTTP REST APIs...

Design Plan/Build/Review/Fix workflow steps for ADWs. Use when creating composable workflow primitives, defining step co...

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...