shape

Run structured discovery interviews and produce a handoff-ready design brief.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/shuretokki/void --skill shape-shuretokki
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/shuretokki/void/tree/main/.agents/skills/shape
Command: npx skills add https://github.com/shuretokki/void --skill shape-shuretokki

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many design efforts rush to UI patterns without first understanding the user's goal, context, and constraints, producing interfaces that miss the mark. Shape prevents premature decisions by running a structured discovery process that surfaces requirements, edge cases, and stakeholder alignment before any code or visuals are produced.

Core Features & Use Cases

  • Guided Discovery Interview: A conversational protocol to elicit purpose, users, success metrics, content ranges, constraints, and anti-goals.
  • Design Brief Production: Synthesizes interview outcomes into a handoff-ready brief covering summary, primary action, design direction, layout strategy, key states, interaction model, content requirements, references, and open questions.
  • Handoff Readiness: Produces an artifact suitable for implementation by design or engineering teams and for further refinement with companion skills like impeccable.
  • Use Case: Planning a new onboarding flow where product managers and designers need a validated brief to avoid rework during implementation.

Quick Start

Use the shape skill to run a discovery interview and produce a confirmed design brief for the 'checkout redesign' feature.

Frequently Asked Questions about shape

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is a design brief and why do I need one before UI design?

A design brief captures user goals, context, and constraints through structured discovery before any UI patterns are applied. It prevents premature decisions by surfacing requirements and edge cases early, ensuring the final interface hits the mark.

How do I run a discovery interview for UX planning?

Run a guided discovery interview to elicit the feature's purpose, target users, success metrics, content ranges, constraints, and anti-goals. This conversational protocol surfaces stakeholder alignment and user context before synthesizing the outcomes into a structured design brief.

Can I use structured discovery to plan an onboarding flow without writing code?

Yes, structured discovery applies during the design planning phase to plan features like an onboarding flow before any code is written. It captures user states and constraints to produce a validated, handoff-ready design brief for product teams.

What's the best way to prevent premature UI decisions during feature planning?

The best way to prevent premature UI decisions is to run a structured discovery process that validates requirements, edge cases, and stakeholder alignment first. This ensures you understand the user's goal and context before producing any visual interfaces.

What should be included in a handoff-ready design brief for implementation teams?

A handoff-ready design brief should include the summary, primary action, design direction, layout strategy, key user states, interaction model, content requirements, references, and open questions. This artifact is suitable for direct implementation by design or engineering teams.

Does shape work with other skills for UI refinement?

Yes, shape produces a handoff-ready design brief suitable for further refinement with companion skills like impeccable. This allows design and engineering teams to take the validated brief and proceed smoothly into the implementation phase.