shape

Plans UX and UI direction through a structured discovery interview and design brief.

Updated May 4, 2026
One-click install
npx skills add https://github.com/Gito125/gideon_portfolio --skill shape-gito125
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/Gito125/gideon_portfolio/tree/main/.github/skills/shape
Command: npx skills add https://github.com/Gito125/gideon_portfolio --skill shape-gito125

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 enforces structured thinking before any code is written, producing a design brief that guides implementation. ## Core Features & Use Cases - Discovery Interview: Runs a conversational interview covering purpose, content, design goals, constraints, and anti-goals before any design decisions are made. - Design Brief Generation: Synthesizes interview answers into a nine-section brief covering user actions, layout strategy, key states, interaction model, and content requirements. - Use Case: Before building a new dashboard settings page, run this Skill to clarify who uses it, what states it needs (empty, error, loading), and how it should feel, then hand the confirmed brief to an implementation skill. ## Quick Start Ask the assistant to shape the UX and UI for the feature you want to build, then answer its discovery questions.

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, users, content ranges, design goals, and constraints, then synthesize the answers into a design brief. This Skill automates that process and requires explicit confirmation of the brief before finishing.

What is a design brief for feature development?▼

A design brief is a structured artifact describing a feature's summary, primary user action, design direction, layout strategy, key states, interaction model, and content requirements. It guides implementation so code decisions are grounded in discovery rather than guesswork.

Does this Skill write any UI code?▼

No, this Skill explicitly does not write code. Its scope is design planning only, producing a brief that can be handed off to implementation skills such as /impeccable craft or any other build approach.

When should I use design planning versus jumping straight to implementation?▼

Use design planning when the feature's purpose, users, or states are unclear, or when consistency with existing product patterns matters. Skip it only for trivial changes where the design direction is already established.

What questions should I ask before designing a feature?▼

Ask about the problem it solves, the specific users, realistic content ranges and edge cases, the single most important user action, technical and accessibility constraints, and anti-goals describing wrong directions.