design-system
buildgreatproductsTurn visual references into an implementable design system.
design systems
What it does
Creates synchronized design-system specifications and browser-rendered style guides from visual references.
When to use it
Use when visual references need to be captured as structured design tokens or a precise design specification.
How to use it
Give it visual references; it presents an outline, asks for final edits, then writes synchronized design.md and design.html files.
What you provide
- Your files
Uses
Access · 2
This skill
Figma
Read
Reads Figma design data
live websites
Read
Reads website content and styles
Good to know
- advertises something the task does not need
What you need · 1
Optionally enables analysis of references supplied as Figma URLs.
About this skill
- Visibility
- Public
- Repository
- buildgreatproducts/builder-os
- Created
- Oct 8, 2026
- Updated
- Oct 8, 2026
- Files
- 1