shape

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

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/DanialHaseeb/dotfiles --skill shape-danialhaseeb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/DanialHaseeb/dotfiles/tree/main/codex/skills/shape
Command: npx skills add https://github.com/DanialHaseeb/dotfiles --skill shape-danialhaseeb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many teams jump to UI implementations without fully understanding the user need, context, constraints, or success criteria, producing shallow interfaces that fail in real-world use. This Skill structures discovery so design decisions are based on clarified goals and constraints rather than guesswork.

Core Features & Use Cases

  • Discovery Interview: Guides a conversational interview that uncovers purpose, users, success metrics, data, constraints, anti-goals, and accessibility requirements.
  • Structured Design Brief: Synthesizes findings into a handoff-ready brief covering feature summary, primary user action, design direction, layout strategy, key states, interaction model, content requirements, recommended references, and open questions.
  • Use Case: When planning a new onboarding flow for a web app, run the discovery interview to align product, design, and engineering on scope, edge cases, and a clear implementation direction.

Quick Start

Ask the assistant to run a discovery interview for the new onboarding feature and produce a structured design brief.

Frequently Asked Questions about shape

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

FAQPage Schema
How do I create a UX design brief before coding a new feature?

To create a UX design brief before coding, run a structured discovery interview with stakeholders to capture purpose, constraints, and design direction, synthesizing findings into a handoff-ready document for implementation.

What is a discovery interview in product planning?

A discovery interview in product planning is a structured conversational process that uncovers user needs, success metrics, data requirements, constraints, anti-goals, and accessibility requirements to inform UI and UX design decisions.

How do I align product, design, and engineering on feature scope and edge cases?

You align product, design, and engineering teams by running a structured discovery interview that clarifies goals, captures key states, defines interaction models, and documents open questions in a comprehensive design brief.

Can I use this structured design planning process for both web and mobile features?

Yes, you can use this structured design planning process for both web and mobile features during early product discovery to establish layout strategy, content requirements, and interaction models prior to UI implementation.

What should a handoff-ready design brief include for developers?

A handoff-ready design brief should include feature summary, primary user action, design direction, layout strategy, key states, interaction model, content requirements, recommended references, and open questions for developers.

Why do UI implementations fail in real-world use without design-driven planning?

UI implementations fail in real-world use without design-driven planning because teams jump to coding without fully understanding user needs, context, constraints, or success criteria, resulting in shallow interfaces based on guesswork.