studio-style
Generate an AI Studio style foundation prompt for: $ARGUMENTS
$ARGUMENTS should include:
- What domain or direction this style will serve (e.g., "a scholarly thought-leader platform", "a fintech product suite", "a wellness app ecosystem", "a dark mode developer tool")
- Optionally: mood/vibe hints ("warm and bookish", "bold and techy", "luxury minimal", "brutalist editorial")
- Optionally: a reference image directive — if the user provides a reference image, include a Reference Image Directive section at the top
- Empty — ask the user what visual direction they want to establish
Purpose
This skill produces a style foundation prompt — a focused 1-pager for Google AI Studio Build mode (or any generative UI tool) that builds exactly three sections:
- A hero section — establishes spatial hierarchy, color gravity, typography scale, and the emotional first impression
- A typography-driven longform section — establishes reading rhythm, prose styling, heading hierarchy, pull-quote treatment, and content density
- A card grid section — establishes component patterns, hover/interaction language, information density, and compositional rhythm
That's it. Three sections. No navigation, no footer, no CTAs beyond what lives naturally inside these three. The goal is not a complete page — it's a style specimen that makes the design language unmistakably clear. A developer or designer should be able to look at the output and say: "I know exactly how to build the next 20 sections in this language."
This is the style-first complement to /studio-design — that skill designs a complete page; this skill establishes the visual vocabulary that a complete page would use.