Skill Wiki
Design Md Extraction
A protocol for extracting a structured design.md file from any existing UI, reference gallery screenshot, or design brief — producing a reusable design system document that can guide AI-agent frontend generation.
$ prime install @community/method-design-md-extractionProjection
Always in _index.xml · the agent never has to ask for this.
DesignMdExtraction [method] v1.0.0
A protocol for extracting a structured design.md file from any existing UI, reference gallery screenshot, or design brief — producing a reusable design system document that can guide AI-agent frontend generation.
Loaded when retrieval picks the atom as adjacent / supporting.
DesignMdExtraction [method] v1.0.0
A protocol for extracting a structured design.md file from any existing UI, reference gallery screenshot, or design brief — producing a reusable design system document that can guide AI-agent frontend generation.
Label
Design.md Extraction Protocol
Output
A .md file with YAML front matter and 6 sections covering color, type, spacing, components, motion, and at least one distinctive design decision.
Loaded when retrieval picks the atom as a focal / direct hit.
DesignMdExtraction [method] v1.0.0
A protocol for extracting a structured design.md file from any existing UI, reference gallery screenshot, or design brief — producing a reusable design system document that can guide AI-agent frontend generation.
Label
Design.md Extraction Protocol
Output
A .md file with YAML front matter and 6 sections covering color, type, spacing, components, motion, and at least one distinctive design decision.
Label
Design.md Extraction Protocol
Output
A .md file with YAML front matter and 6 sections covering color, type, spacing, components, motion, and at least one distinctive design decision.
Source
prime-system/examples/frontend-design/primes/compiled/@community/method-design-md-extraction/atom.yaml