# Design DNA

> Design systems measured from real websites (colours, typography, spacing, radius, shadows, components) and labelled page sections, packaged for AI coding agents. Values are measured from public pages; names and guidance are AI-written.

## MCP
- Endpoint (Streamable HTTP, stateless, no auth for read tools): https://four.wiralomi.com/mcp
- Tools: search_styles, get_style, compare_styles, search_sections, get_section, list_facets
- Claude Code: claude mcp add --transport http --scope user design-dna https://four.wiralomi.com/mcp

## HTTP API (JSON, read-only)
- GET https://four.wiralomi.com/api/v1/styles?q=&industry=&theme=light|dark&color=&sort=trending|popular|newest&limit=&offset=
- GET https://four.wiralomi.com/api/v1/styles/{id}
- GET https://four.wiralomi.com/api/v1/styles/{id}/files/{design_md|design_md_compact|tailwind_v4|css_variables|design_tokens}
- GET https://four.wiralomi.com/api/v1/sections?q=&type=&page=home|pricing|product&industry=&theme=&limit=&offset=
- GET https://four.wiralomi.com/api/v1/sections/{id}
- GET https://four.wiralomi.com/api/v1/facets

## Usage rules
- Reuse the design language (palette roles, type scale, spacing rhythm, layout). Do not copy logos, product photos or copy text.
- Exported files carry an AI-generated-content notice; keep it.