Design Explorer

Compare several plausible directions before committing to one. Generate throwaway HTML fragments, review them at http://127.0.0.1:10000, read the captured evidence, then implement the winning ideas in the real product.

This skill is a vendored MIT fork of houshuang/design-explorer; see LICENSE. Its local server has no npm dependencies and binds to loopback unless tailnet access is explicitly requested.

1. Establish what is fixed

Read the repo's design guidance, tokens, agent instructions, component layer, and two or three shipped screens. State the fixed constraints before generating: palette, type, spacing, elevation, voice, and accessibility floor.

If a design system exists, vary layout grammar rather than brand identity:

• density and whitespace
• scan order and hierarchy
• progressive disclosure
• navigation and control affordances
• media placement
• interaction posture