Imported from RustamG16/005-agency (.claude/skills/concept-studio/SKILL.md). Install upstream with npx skills add RustamG16/005-agency --skill concept-studio. Copyright stays with the author.

Concept Studio

Create choice at the level of experience, not decoration. Begin only after Gate A.

Establish shared constraints

Read the approved brief, audit, reference principles, available assets, stack, and success signal. List non-negotiables once; do not repeat them under every concept.

Generate three directions

Make each concept distinct on at least three of these axes:

• information model and content order;
• spatial composition and grid;
• typography role and density;
• media/art-direction system;
• interaction model and pacing;
• tone and brand posture.

A palette swap, font swap, or stronger animation layer is not a separate concept.

For each direction provide:

• memorable name and one-sentence thesis;
• why it fits the audience and goal;
• page hierarchy and representative section order;
• typography, color, material, and media logic;
• motion posture and whether GSAP is justified;
• WebGL decision: no, or candidate with communication value;
• mobile adaptation rather than simple stacking;
• exact assets the user should provide;
• implementation/performance/accessibility risks;
• a representative low-cost frame, wireframe, or coded static study when requested.

Compare honestly

Add a table comparing information model, composition, media, motion, differentiation, production cost, and risk. Recommend one direction based on the approved goal, but preserve all three for Gate B.

Stop

Write 02-concepts.md using the system template. Freeze the directions for independent critique. Do not merge them, generate production media, install dependencies, or implement the page before user selection.