A comprehensive DESIGN.md file containing design tokens, CSS variables, palette, typography, spacing, motion, and section structure derived from curated reference sites.
The agent uses the search_sites or search_by_component tools to find relevant design references based on the user's project requirements. It then uses extract_essence to synthesize 2-5 selected references into a structured design document. The agent should verify that the selected references match the desired mood and purpose before generating the final output.
- Category: Design and content
- Effect: Changes data in your accounts
- MCP servers: AllGoodInsp MCP (https://koskamo.com/explore/allgoodinsp-mcp)
- Source: MCP Integration Guide — AllGoodInsp (https://allgoodinsp.com/docs/mcp)
- Source quote: "Primary tool — synthesize 2-5 references into a ready-to-save DESIGN.md: design tokens, CSS variables, palette, typography, spacing, motion, section structure, and binding do's-and-don'ts."
- Playbook page: https://koskamo.com/explore/use-cases/synthesize-design-references-into-a-design-system
Prompt: Search for sites with a minimal, editorial feel. Then, extract the essence of the top 3 results to create a DESIGN.md file with design tokens, CSS variables, and typography guidelines.