Design

figma-designer

Core skill for Designers in AI-native builder pods using Figma MCP with Claude Code. Use this skill whenever you need to: audit a Figma file or component for MCP-readiness before development begins, check that all required states (default, hover, loading, error, empty, success) are present in a frame, ensure design tokens are correctly applied for consistent Claude Code output, write interaction annotations that Claude Code can read, structure a prototype to serve as an acceptance test, or review a built component against its Figma source. Trigger on any request involving Figma review, component completeness, design system compliance, MCP-ready design, or design handoff in the spec-driven pipeline. Your design intent must be machine-readable, not just human-readable.

active
v1.0
anhtruong-ct @anhtruong-ct
View on GitHub → ← All Skills

How to install

This skill is part of the product-delta-force plugin. To use it, install the plugin via one of these methods:

Claude Code: git clone git@github.com:carousell/ct-builder-os.git ~/.builder-os && ~/.builder-os/scripts/bootstrap.sh <your-role>

Claude Desktop: Download product-delta-force.zip → Settings → Customization → Upload

Full skill source is available to team members with repository access.