Read and write designer annotations on Figma nodes — node-level design specs that pin properties (fills, width, fontSize, etc.) and carry plain or markdown notes.
Deep accessibility scorecard for a single Figma component or component set — state coverage (default/hover/focus/disabled/error/active/loading), focus-indicator quality and…
Compare a Figma node's actual specs against a code spec (the values your component renders) and get a 0–100 parity score, a list of discrepancies, and fix suggestions.
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "cu — from…
Extract a single Figma component (or any node) as a full recursive tree to N levels deep — every child's layout, fills/strokes/effects, typography, resolved bound variables (token…
Write a structured design brief for a Figma design task from a product requirement or feature request.
Runs a PM-perspective design critique focused on product outcomes and user goals, not aesthetics. Use when asked for a PM design critique, a product review of a Figma design, or…
Run a pre-handoff QA checklist on any Figma design before it goes to engineering. Use when asked to QA a Figma design, do a pre-handoff check, review a design before engineering,…
Figma 디자인 시스템을 분석하여 .claude/rules/design-system/ 규칙 파일을 생성합니다. 디자인 토큰, 공통 컴포넌트, 레이아웃 패턴, 타이포그래피, 간격 체계 등 자체 디자인 시스템 구성에 필요한 모든 정보를 추출하고 규칙화합니다.
One call to inventory an entire Figma design system — variables/tokens (grouped by collection + mode), components and component sets (with property definitions and per-variant…
Generates custom design system rules for the user's codebase. Use when user says \"create design system rules\", \"generate rules for my project\", \"set up.
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design…
Analyzes Figma designs and generates implementation-ready PRDs with detailed visual specifications. Use when user provides Figma link or uploads design screenshots.
Generate complete Markdown documentation for a Figma component — anatomy/layer tree, design tokens (colors, spacing, typography), states/variants matrix, accessibility notes,…
Lint a Figma node tree for WCAG 2.2 accessibility AND design-system quality — contrast, target size, focus indicators, color-only signaling, hardcoded colors, missing text styles,…
Discipline rules для Figma MCP на Pro-плані ($20: 10 calls/min, 200 calls/day). Prefer get_design_context, scope by nodeId, anti-runaway guard, no-retry on 429, behavioral session…
Convert Figma or Pencil designs into production-ready frontend code using Feature-Sliced Design and Tailwind CSS v4.
Plan prototype interactions and flows for user testing in Figma. Use when asked to plan a Figma prototype, set up prototype interactions, define what to prototype for a user test,…
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
Build or edit Figma designs and components using the
() **** design system.
Generate visual wireframe representations of Figma nodes with annotations and ID legends. 生成帶標注與 ID 圖例的 Figma 節點可視化線框圖。 Use when: understanding component structure, generating ID…
Framework for building competitive landscape decks — market positioning, competitor deep-dives, comparative analysis, strategic synthesis.
Run a final PR-readiness pass on a stable diff using clean-code-codex plus final GPT review.
Install the quality line every pie passes through before going on display — wire CI/CD, E2E testing, design-system compliance, and visual-regression gates.
Completes feature/epic workflows after deployment with comprehensive walkthrough generation for epics (v5.0+), roadmap updates, artifact archival, documentation, and branch…
Map a realistic path toward financial independence — the number you'd actually need, your savings rate's massive effect on the timeline, and the honest tradeoffs.
Use before you write a line of demand copy or plan a launch — when the value seems "nice to have," when adoption is flat despite good messaging, or when nobody can answer "why…
Find feature flags that were soft-deleted in the active project within a recent time window. Use when the user asks "what flags were deleted in the last N days", "show me — from…
Searches and recommends Claude Code skills and plugins from local database and SkillsMP API. Activates when user asks to find skills, search plugins, get recommendations — from…
Searches and recommends Claude Code skills and plugins from local database and SkillsMP API. Activates when user asks to find skills, search plugins, get recommendations — from…
Use when the contribution of a Financial Management (FM) manuscript relative to the published finance frontier is fuzzy, oversold, or indistinguishable from a specialist sibling.
Fetch live public prices and build cost estimates for AWS, Azure, and OCI using each cloud's public pricing API.
"PRD 작성", "기획서", "제품 기획", "product requirements", "아이디어 구체화", "서비스 기획", "feasibility", "실현 가능성", "API 조사", "기술 스택 추천", "경쟁사 분석", "수익 모델" 등 아이디어를 PRD 문서로 변환할 때 사용하세요.
Premium UI/UX design superbrain — glassmorphism, animation, accessibility, React 18, Electron desktop patterns
Agent-to-Agent (A2A) Protocol RC v1.0 bridge for OpenClaw agents. Enables agent discovery, identity cards, task lifecycle management, push notification configuration, task…
Get the first 50 real users through channels the founder's ICP already uses. Use when the product shipped and nobody came, the founder is \"posting more\" with no result, or is…
Use when asked to create good first issues, prepare a repo for new contributors, turn a roadmap into starter tasks, or write issues that newcomers can actually finish.
Use when scoring a list of business or solution requirements against the *actual* capabilities of a specific Salesforce org so each row can be classified Standard / Configuration…
Turn multiview fit reports into a sequential or parallel repair queue for aligning Blender products to source-of-truth templates.
Evaluate a product-direction question through five expert lenses, Senior PM, Senior Product Engineer, Senior Product Designer, Senior Design Engineer, and a realistic end user,…
A systematic framework to define your product's unique value and market context. Use this when launching a new product, struggling to win deals against established competitors, or…
Use this when: am I a middleware wrapper, is my AI startup defensible, what's my moat against AI, positioning audit for AI era, five verticals analysis, trust context distribution…
Fix a specific design-system integration finding in a Figma screen or component, including missing shared components, local overrides, and unbound tokens.
Replace open-ended time estimates with fixed "appetites" to prevent scope creep. Use this when projects consistently miss deadlines, teams feel burnt out by endless sprints, or…
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors.
Add, remove, or inspect feature-level prerequisites on a GrowthBook feature flag. Use when the user says "gate flag X on flag Y being enabled", "add a prerequisite", "flag X…
Flagsmith is an open-source feature flagging and remote configuration platform. It enables teams to safely roll out features, run A/B tests, and manage remote config across web,…
Phase 2 — write the game PRD in the project's default_language (core loop, mechanics, content metrics, win/lose, scope guard), map the lib/ structure, and assign app name, slug,…
Write dart_monty Python scripts that drive the flmux terminal multiplexer via the fl_* host functions — open/split panes, stream text into them, read their screens, show source,…
Drive a running flmux terminal multiplexer — spawn panes, type commands into them, and read their screens — via the `flmux` control-plane CLI.
Orchestrate Discovery Track flow to prepare validated requirements and designs one iteration ahead of delivery
Cria Especificações Técnicas de Frontend a partir de um PRD e de um API Contract obrigatório. Use esta skill sempre que o usuário quiser criar a tech spec do frontend, definir…
Create or update repo-root STRATEGY.md (problem, approach, users, metrics, tracks). Use for strategy or roadmap doc requests.
Cria Especificações Técnicas detalhadas e prontas para implementação a partir de um PRD existente, com detecção automática de modo de operação (Standalone, Pipeline ou API-First).
Menjalankan bootstrap work item Jira dan GitHub dari dokumen PRD/TRD feature. Gunakan setelah flow-breakdown-feature selesai dan perlu pembuatan tiket delivery secara terstruktur.
Manage projects and tasks with the Flower project management API via MCP. Use when creating, updating, or searching tasks/tickets, managing projects and columns, or integrating…
Drive the in-app browser pane that ships with flowmux. Use when you need to open URLs, take page snapshots, or interact with web pages from inside a flowmux terminal pane —…
Refactor complex Android/KMP state management code to use FlowRedux state machine pattern. Use this when developers need to transform tangled state logic, multiple…
Build Flutter features using BLoC state management, clean architecture layers, and the project's design system. Apply when creating screens, widgets, or data integrations.
Enforce Design Language System adherence in Flutter. Use when enforcing design tokens, preventing hardcoded colors/spacing, or implementing a DLS in Flutter.