skills/smithery.ai/design-asset-parser

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.md When 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

  1. Screen-spec PDF: .claude/docs/design-assets/*.pdf
  2. Figma export: images (PNG/JPG), CSS/HTML export
  3. Design guide: color/font/spacing tokens
Installs
1
First Seen
Mar 29, 2026
design-asset-parser from smithery.ai