data Skills

Master expert in product design for complex systems with 10+ years of experience in data-driven systems, operational das...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Complete Design System Reverse Engineering (DSRE) + Functional Cloning CLI - Extract visual design (tokens, assets) AND...

Managing design tokens and system context for LLM-driven UI development. Covers loading, persisting, and optimizing desi...

Mandatory design system guidelines for shadcn/ui with Tailwind v4. Enforces 4 font sizes, 2 weights, 8pt grid spacing, 6...

Use when starting a new React Native or Next.js project to establish design system foundation - creates design tokens, f...

Expert en Design Systems avec approche Atomic Design industrielle. Utilisé pour structurer les fondations (couleurs, typ...

Documentation et accessibilité concernant le Design System Français (DSFR), un ensemble de composants et de bonnes prati...

Detect and track design token drift between Figma design systems and code implementations - report-only skill that ident...

Build or update frontend components and pages that strictly adhere to the project design system defined in design/design...

Use when setting up modern UI design systems with OKLCH colors, Shadcn components, and Tailwind v4 - provides production...

Initialize design systems for projects via Q&A and templates, with auto-detection when missing

Swift Design Systemを使用したiOS UI実装スキル。デザイントークン（カラー、タイポグラフィ、スペーシング、角丸、モーション、エレベーション）、UIコンポーネント（Button、Card、Chip、FAB、Snackba...

Use this skill when the user uploads a design screenshot, shares a Figma export, provides a mockup image, or asks to "co...

Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tokens...

Guided workflow for implementing HTML design prototypes as production React components with glassmorphism styling and qu...

Extracts design tokens from images and generates CSS custom properties, atomic utility classes (Tailwind-style), and pla...

Use when implementing design token systems, CSS variable architectures, or Style Dictionary pipelines. Covers token sche...

Use this skill when users mention "sync design tokens", "Figma to code", "design system sync", "token drift", "keep toke...

Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, addin...

Help choose the right design tool based on your current task. Use when unsure whether to use frontend-design, ui-ux-desi...

Cross-check design artifacts for consistency and completeness. Use before implementation.

Expert UI designer for building responsive, accessible web interfaces with Tailwind CSS v4 and Tailwind Plus components....

Create technical solution architecture from requirements with REQ-* traceability. Designs components, APIs, data models,...

データ分析とビジネスメトリクスの設計を支援します。KPI定義、データ収集戦略、ダッシュボード設計を提供します。分析基盤の設計、ビジネスメトリクスの測定体系構築が必要な場合に使用してください。

Designs Phylax Credible Layer assertion invariants and trigger mapping. Use when scoping protocols, selecting invariants...

Defines the basic solution structure for AvaloniaUI Desktop Applications using CustomControl. Use when creating new Aval...

Design in pseudocode first, iterate approaches, then translate to code

ブランドアイデンティティとビジュアル設計システムを構築します。カラーシステム、タイポグラフィ、デザイントークン、ガイドラインを提供します。ブランド統一、デザインシステムの構築が必要な場合に使用してください。

Use when you need to work with database schema design.This skill provides schema design and migrations with comprehensiv...

データベーススキーマ設計と最適化を支援します。正規化戦略、インデックス設計、パフォーマンス最適化を提供します。データモデル設計、データベース構造の最適化が必要な場合に使用してください。

Specialized skill for designing AWS DynamoDB single-table schemas with optimized access patterns. Use when modeling data...

Guides the design and analysis of hexagonal architecture (Ports & Adapters) for backend systems. Use when structuring mo...

Turn Innovation PRDs into concrete experiment plans with explicit hypotheses, metrics, and evaluation methods for RAG qu...

Create distinctive, production-grade terminal user interfaces with high design quality. Use this skill when the user ask...

Designs stand-alone control styles using WPF CustomControl and ResourceDictionary. Use when creating reusable custom con...

Electron desktop development guide. Use when implementing desktop features, IPC handlers, controllers, preload scripts,...

Desktop application development with Electron and Tauri

"Design intuitive desktop interfaces following platform conventions with proper layouts, keyboard shortcuts, and native...

│ ├── 00-overview.md # 詳細設計概要

Based on major plot points, deeply analyze and generate detailed plot point descriptions and plot development explanatio...

"Building view/details pages with DetailField components, model relationships, and JSONB handling"

Detect empty catch blocks and exception swallowing anti-patterns. Finds catch blocks that silently ignore errors without...

Identify foreign key relationships between tables using heuristics, value overlap analysis, and referential integrity ch...

Detect hardcoded secrets, API keys, passwords, and credentials in source code. Security audit for leaked secrets. Works...

Detect N+1 query patterns in the codebase. Finds loops that contain database or API calls that should be batched. Works...

Detects the Python major and minor version of the current repository

Utilities and patterns for detecting execution environment (CI/CD vs local, network access, available ports, timeouts)....