shape

Plan UX and UI design through structured discovery interviews and design briefs.

Updated Jul 21, 2026
One-click install
npx skills add https://github.com/masakinihirota/2026src-ni --skill shape-masakinihirota
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/masakinihirota/2026src-ni/tree/main/.agents/skills/shape
Command: npx skills add https://github.com/masakinihirota/2026src-ni --skill shape-masakinihirota

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often fail because design decisions are made without understanding the feature's purpose, users, and constraints. This Skill prevents premature coding by running a structured discovery process before any implementation begins. ## Core Features & Use Cases - Discovery Interview: Guides a conversational interview covering purpose, users, content, data ranges, edge cases, design goals, constraints, and anti-goals. - Design Brief Generation: Synthesizes interview answers into a structured nine-section brief covering layout strategy, key states, interaction model, and content requirements. - Use Case: Before building a new dashboard feature, run this Skill to clarify who uses it, what states it needs (empty, loading, error), and how it should feel, then hand the confirmed brief to an implementation skill. ## Quick Start Ask the AI to shape the UX and UI for your new feature before writing any code.

Frequently Asked Questions about shape

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

FAQPage Schema
How do I plan UI design before writing code?▼

Run a structured discovery interview covering the feature's purpose, target users, content ranges, edge cases, and constraints, then synthesize the answers into a design brief. This Skill automates that process and requires explicit confirmation of the brief before implementation begins.

What should a design brief include for a new feature?▼

A design brief should include a feature summary, primary user action, design direction, layout strategy, key states (empty, loading, error, success), interaction model, content requirements, recommended references, and open questions. This Skill generates all nine sections from interview answers.

Does this Skill write any UI code?▼

No, this Skill explicitly does not write code. It operates only in the planning phase, producing a design brief that can be handed off to implementation skills such as /impeccable craft or any other build workflow.

When should I use a discovery interview instead of building directly?▼

Use discovery when the feature's users, success criteria, edge cases, or design direction are unclear. Skipping this step often leads to generic interfaces that miss the actual user need, especially for features with complex states or dynamic content.

What are the limitations of a design planning skill?▼

It produces planning artifacts only, not working code, so a separate implementation step is always required. It also depends on the /impeccable skill for design principles and context gathering, which must be available beforehand.