studio-design

Installation
SKILL.md

Generate an AI Studio design prompt for: $ARGUMENTS

$ARGUMENTS should include:

  • What you want to build (e.g., "a course detail page", "a fintech dashboard", "a spa landing page", "a dark mode portfolio")
  • Optionally: mood/vibe hints ("warm and scholarly", "bold and techy", "luxury minimal")
  • Optionally: specific constraints ("must have pricing table", "needs hero with video embed")
  • Empty — ask the user what they want to build

Purpose

This skill produces a complete design prompt ready to paste into Google AI Studio Build mode (or any generative UI tool). The prompt describes the experience, mood, structure, and interaction design using evocative language that gives the AI enough direction to make beautiful design decisions without over-constraining the output.

This is the design complement to /studio-export — that skill gives AI Studio the data model and business rules; this skill gives it the visual design brief.

Include: Layout patterns, visual mood, color direction, typography personality, animation intent, anti-patterns to avoid, accessibility requirements, responsive expectations, reference inspirations.

Exclude: Exact hex codes (use color moods instead), pixel-perfect measurements, specific component implementations, database schemas, API contracts.

Elicitation — Before Generating

Installs
1
GitHub Stars
1
First Seen
Jun 4, 2026
studio-design — joshuashepherd/my-skills