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.
$ aoe install @community/method-design-md-extraction Projection
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
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
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
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Output
A .md file with YAML front matter and 6 sections covering color, type, spacing, components, motion, and at least one distinctive design decision.
Relations
related: [@community/rule-design-md-front-matter, @community/method-gallery-research, @community/principle-design-philosophy-before-canvas]
Label
Design.md Extraction Protocol
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
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
aoe-engine/examples/frontend-design/primes/compiled/@community/method-design-md-extraction/atom.yaml