data Skills

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

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

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

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

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

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

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

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

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

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

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

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、Snackbar、Picker）、...

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

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

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

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

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

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

Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, adding multi-th...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Desktop application development with Electron and Tauri

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

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

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

"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 logging o...

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

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

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

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). Use when y...