design-asset-parser
Installation
SKILL.md
Design Asset Parser Skill
Purpose: Parse design deliverables (Figma export images/CSS/HTML, screen-spec PDF) to produce a draft dev spec Outputs:
{tasksRoot}/{feature-name}/design-spec.md,pending-questions.mdWhen to use: Before implementing a new feature when design assets are provided
Role
Automatically extract UI/feature requirements from design assets and generate a structured spec that developers can implement immediately.
Input file types
- Screen-spec PDF:
.claude/docs/design-assets/*.pdf - Figma export: images (PNG/JPG), CSS/HTML export
- Design guide: color/font/spacing tokens