design-up-bold-studio

Design Up — Bold Studio (experimental)

The bold register of design-up-studio. Same compare-and-annotate loop, but the three mockups are built in the bold register (maximal visual oomph, premium, distinct, signature motion). Experimental.

Flow

1. Understand and choose 3 bold directions. Do Step 0 of ../design-up/SKILL.md. Name the archetype, brand, audience, and business model. Pick three best-fit, genuinely distinct bold lanes (e.g. editorial-maximal, dark premium-tech, playful-characterful, kinetic scroll, terminal, brutalist) that fit this prompt or reference.
2. Build 3 bold mockups using the bold register (see ../design-up/references/modes.md → bold mode, plus interactions.md for proximity/magnetic cursor, living backgrounds, tilt/parallax, pinned-scroll). Image generation is unlocked for bold mockups — delegate to an available image-generation skill or tool, as in ../design-up-bold/SKILL.md. Apply every rule in ../design-up/references/ and run the anti-slop.md pre-flight (including the Consistency, layout & build bugs table) on each. Save as <slug>-bold-a.html, <slug>-bold-b.html, <slug>-bold-c.html.
3. Generate the studio:

   node "${CLAUDE_SKILL_DIR}/../design-up-studio/scripts/gen-studio.mjs" \
     --files <slug>-bold-a.html,<slug>-bold-b.html,<slug>-bold-c.html \
     --out <slug>-bold-studio.html \
     --title "<slug> (bold)" \
     --labels "Bold A,Bold B,Bold C"
   

   then open <slug>-bold-studio.html.
4. Review and 5. Iterate exactly as in ../design-up-studio/SKILL.md (Comment mode → pins + notes → Copy feedback / Download studio-feedback.json → the agent applies the notes and regenerates).

Notes

• Reuses the studio generator at ${CLAUDE_SKILL_DIR}/../design-up-studio/scripts/gen-studio.mjs.
• Bold does not mean sloppy: keep one accent, off-reflex fonts, real motion, and all anti-slop rules. Experimental.

See also

• ../design-up/SKILL.md and its references/ — the full design system and all rules.
• ../design-up-bold/SKILL.md — the bold register (imagegen unlock, dials, discipline).
• ../design-up-studio/SKILL.md — the review / annotate / iterate loop these steps reuse.