В каталоге 182 820 навыков в 14 категориях.
AI image and video generation using ComfyUI node-based workflow system with Stable Diffusion, FLUX, and other diffusion...
Authoring ComfyUI v2 frontend extensions with @comfyorg/extension-api — defineNode/defineExtension/defineWidget, shell U...
Authoring & publishing ComfyUI custom nodes to the Comfy Registry — node structure, pyproject.toml spec, comfy-cli publi...
コマンド起動の仕組みを整理し、明示起動/自動起動/Extended Thinkingの設計と検証を支援するスキル。起動フロー、トリガー設計、検証手順を一貫して整理する。Anchors:• The Pragmatic Programmer (...
高度なコマンド設計パターンを整理し、パイプライン/メタコマンド/インタラクティブ設計を支援するスキル。パターン選定、テンプレート適用、検証手順を一貫して整理する。Anchors:• The Pragmatic Programmer (And...
コマンド引数($ARGUMENTS、位置引数)の設計と検証を整理し、引数仕様・検証・エラー設計を一貫して支援するスキル。引数設計方針、検証ルール、テンプレート運用を段階化する。Anchors:• The Pragmatic Programm...
Web and App implementation guide for Command Center UI. Trigger when user wants monitoring systems, enterprise dashboard...
コマンドのドキュメント設計(セルフドキュメンティング構造/使用例/トラブルシューティング)を整理し、説明の一貫性と読みやすさを支援するスキル。章構成、記述ルール、検証手順を一貫して整理する。Anchors:• Software Requir...
コマンドのエラーハンドリング(引数検証/事前チェック/ロールバック/ユーザー確認/エラーメッセージ設計)を整理し、失敗時の安全性と説明の一貫性を支援するスキル。パターン選定、検証手順、テンプレート運用を一貫して整理する。Anchors:•...
This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "...
コマンドのセキュリティ設計(allowed-tools制限/disable-model-invocation/機密情報保護)を整理し、安全な実行フローと権限制御を支援するスキル。セキュリティ要件、検証手順、テンプレート運用を一貫して整理する...
Guide users through creating meaningful, well-structured git commits following best practices. Use this skill when users...
Generates clear commit messages from git diffs. Use when writing commit messages, reviewing staged changes, or when the...
Commits, PRs e issues con voz humana — español rioplatense cálido. Límite 300 líneas. Modo técnico (inglés) también disp...
How to write — and how to use — a skill that IS one aesthetic rather than a catalogue of them. A catalogue lets an agent...
Elementos que se mueven juntos se perciben como grupo. Use cuando diseñe animaciones, transiciones, drag-and-drop, o ele...
Write privacy-preserving smart contracts in Compact (Minokawa) for Midnight Network. Use when creating contracts, defini...
Compare screenshots against the intended design, distinguishing approved references from historical baselines. Use for i...
Designing side-by-side comparison tools (plan-compare, product-compare, alternative-compare) that help users decide rath...
Analyzes how multiple platforms handle UX problems for classified/IL4+ environments, identifying gaps and differentiatio...
Audit the brand, UX, and site design of the leading sites in a vertical as a set of observable cross-site patterns, prod...
Research best-in-class products using Browser MCP and WebSearch
Use whenever the user says "compile the design system", "build a design system", "build the brand system", "make me a to...
Production patterns for managing complex application state in React without Redux, Zustand, or other state libraries. In...
Audits custom composite widgets—including comboboxes, listboxes, trees, treegrids, grids, menus, tablists, carousels, co...
Challenges over-engineering and identifies unnecessary complexity before implementation. Use when planning features, des...
Master compliance management with GDPR, SOC 2, ISO 27001, audit preparation, and regulatory requirements.
Builds and audits reusable presentational UI components in Storybook — props in, events out, no fetching, routing, globa...
Generate UI component with component file, test, and story (optional)
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...
Use when creating, naming, or placing a file or folder in libs/*, or when modifying or adding a file to an existing comp...
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
Write a self-contained, production-quality React UI component to Vitrine's house rules - one TSX file plus one CSS file,...
The core engine that generates production-ready, M3-compliant React components using MUI and Design Tokens. Use when cre...
コンポーネント合成パターンを用いた再利用可能な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...
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....
A design system has three token layers, and conflating them is what makes systems
Create and modify React components following project patterns. Use when building UI components, forms, layouts, navigati...
Procedures for creating and maintaining UI components.
Discover required technical components through targeted questions based on classified requirements.
Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share the same b...
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...
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...
Use when writing or editing Storybook MDX docs (*.mdx) — the two-tab Overview/Implementation structure, story-backed `<S...
React component patterns, styling conventions, and animation standards for CJS2026 UI development
UI component patterns with style-specific implementations and accessibility
Tailwind CSS component recipes. Use when building UI components with consistent styling. Provides copy-paste patterns fo...
Refactor frontend components safely without changing behavior. Use when Codex needs to break down large, messy, duplicat...
Scaffold a new UI component following Pierre design system patterns
Generate a complete component file tree wired to design tokens with tests and Gherkin spec. Use when scaffolding a new U...
Scaffold and conventions to create a new UI component following project patterns (no Shadow DOM, static stylesheet regis...
Component sizing contract guidelines — intrinsic size vs layout contract, block-size owned by component, inline-size own...
Write a component spec for engineering handoff. Use when the user says "component spec", "design handoff", "spec this co...
Use when building or styling a component in libs/ui-react or libs/ui-rnative — the cross-platform styling principles, pl...
Use when writing or editing component tests in libs/ui-react or libs/ui-rnative — shared structure and coverage conventi...
동구라미 앱 컴포넌트 라이브러리 사용 가이드. UI 컴포넌트 구현, 스타일 커스터마이징, 위젯 활용법 안내. Keywords: component, widget, ui, style, button, dialog, tex...
CSS verificado para los one-pagers HTML del Maia Planner. Cubre base compartida, calendario Gantt y carga por soporte. B...
Use to extract a page, section, or prototype into reusable components, to pull repeated UI into one component, or to spl...
UI component patterns for React 19, shadcn/ui, and Tailwind. Use when working on files in src/components/.
Use @inkcre/web-design Vue 3 components. Includes all 19 components with props, events, and usage examples.
Apply functional and compositional architecture patterns when designing systems, modules, and components. Use when creat...
Use when writing or reviewing Jetpack Compose motion: visibility enter/exit, animating one property toward a target, col...
Use when writing or reviewing Jetpack Compose UI for TV, keyboard, desktop, accessibility focus, D-pad navigation, Focus...
Use when designing or reviewing a reusable Jetpack Compose component whose visual regions vary by caller, or when primit...
Use when adding or refactoring interactive Jetpack Compose UI that introduces or moves remember state or coordinated UI...
Writes and reviews composables for Compose and CMP: the Route/Screen/leaf split, state-read placement and stability, loa...
Compose objects into tree structures and treat individual objects and compositions uniformly.
Padroes de composicao React que escalam. Usar quando refatorar componentes com muitas props booleanas, construir bibliot...
Build UI components using the compound component pattern. Use when creating new React components, building UI elements,...
Compress session conversation into structured summary for system memory. Activate when user says "compress", "compress s...
Role: Senior Concept Artist & Visual Development Lead
ゲームのコンセプトデザインを言語化するためのスキル。漠然としたアイデアを設計可能な形に変換する。使用タイミング:(1)「ゲームのコンセプトを考えたい」(2)「新しいゲームを作りたい」(3)「アイデアを整理したい」と言われた時。判断・行動・体...
Generate flat, minimal educational SVG visuals as HTML.
Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual langua...
The single source of truth for the Concept2Cure.RI UI. Use this skill whenever you're designing, mocking, reviewing, or...
Design highly responsive, concurrent-safe form systems with predictive validation and progressive feedback.
Implement animation systems resilient to concurrent rendering and interrupted updates.
Use when waiting for something async. NEVER use Start-Sleep blindly — wait on conditions.
Determines which files and dependencies to generate based on application type (standalone vs micro-frontend). Controls c...
Comprehensive Git configuration guide covering global settings, aliases, performance tuning, credential management, main...
Use before playing, blending, or retargeting GLB animation clips in PlayCanvas, or when diagnosing T-pose, frozen playba...
Use when setting up lint and format in a frontend project - installs Biome as the only linter, formatter, import sorter...
The matrx-frontend side of the matrx-extend Chrome extension bridge. Use when adding or changing a FRONTEND_RPC action h...
Technical architecture guide for building a multi-purpose consent preference center. Covers per-purpose granularity, eas...
Maintain UI consistency and graceful degradation during network partitions and partial connectivity.
UI structure contract for the Next.js console and packages/ui-web components. Use whenever building, reviewing, or resty...
Use whenever you create or change any page of the Agent Console or Docs page (dashboard, panel, card, step bar, table)....
Recurring workflow patterns from 904+ Construct-AI development sessions. Covers git operations, debugging, code review,...
Design consumer-driven contracts using Pact framework
Use when asked to test a Lumen change against consumer repos before releasing it: a breaking or architectural change, a...