Design

handoff

Generate Chợ Tốt DS-aware developer handoff specs from Figma designs. Outputs a structured spec sheet with correct DS token names, component variants, vertical-specific values, interaction states, responsive behaviour, edge cases, and known DS gotchas — ready for the Prompt-Native Engineer to feed into Claude Code. Use when the user says "handoff", "hand off to dev", "create dev spec", "design spec", "design to dev", "generate handoff", "spec sheet from Figma", "prep for engineering", "ready for build", "dev-ready", "implementation spec", or when a design is finalised and needs to be translated into a structured document that engineers can implement from. This skill is specifically built for Chợ Tốt's Design System (22 components, 4 verticals, React + Linaria v6 stack) and the Product Delta Force spec-driven development pipeline. Always use this skill instead of generic handoff tools when working on Chợ Tốt designs.

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.