audience-site-brief
Installation
SKILL.md
Audience Site Brief
Turn a vague goal ("I want a site for X") into a complete site strategy brief grounded in research, personas, reference patterns, and UX principles — then output a build prompt ready for motion-web-design.
URL + screenshots? Use site-to-build-prompt instead — it runs this pipeline with visual analysis and outputs a self-contained prompt for a powerful coding model.
This skill orchestrates child skills in sequence. Read each child skill at its phase — do not rely on memory alone.
| Phase | Child skill | Purpose |
|---|---|---|
| 2 | audience-research | What the audience actually needs (pain points, barriers, language) |
| 3 | persona-archetypes | Who you're speaking to (grounded in research) |
| 4 | reference-site-analysis | What works for similar audiences (patterns that validate) |
| 5 | ux-methodology-process | Page architecture and section order |
| 6 | ux-methodology-design | Visual hierarchy and interaction design |
| 7 | ab-testing | What to validate after launch |
| 8 | visual-identity | Brand personality, typography, motion vocabulary — pre-code design lock |
| 9–10 | motion-web-design | How it looks and moves — receives design-system.md from visual-identity |