This skill builds production-grade frontends rooted in one specific, proven design system. It is opinionated by default. Before writing any code, ask 4 short questions to configure the system for the project. The output is always a complete, functional implementation — never a mockup, never a wireframe.

Step 1: Ask these 4 questions before touching code

Ask all four in one message. Numbered list per question. Show defaults clearly.

Before I build this, 4 quick questions:

1. Foundation — what's the base surface?
   A) Void black (#0a0a0a) — the default. Pure, maximum contrast.
   B) Off-white (#FAFAF7) — warm cream light mode
   C) Warm dark (#110E0B) — dark but brownish, editorial
   D) Cool slate (#0B0F1A) — dark with blue depth
   E) Pure white (#FFFFFF) — clinical, high-structure

tushar-design

Step 1: Ask these 4 questions before touching code