skills.rest
nitipoomph-coder
nitipoomph-coderCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

shape

Plan feature UX and UI through a structured discovery interview and design brief.

Updated Aug 23, 2026
Search Tags:#planning#ui#requirements#ux#design-brief#discovery-interview
One-click install
npx skills add https://github.com/nitipoomph-coder/Project_phase1 --skill shape-nitipoomph-coder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/nitipoomph-coder/Project_phase1/tree/main/.gemini/shape
Command: npx skills add https://github.com/nitipoomph-coder/Project_phase1 --skill shape-nitipoomph-coder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plans the UX and UI for a feature before any code is written. This skill produces a design brief: a structured artifact that guides implementation through discovery, not guesswork.

Core Features & Use Cases

  • Performs a structured discovery interview to gather design goals, constraints, and success metrics.
  • Produces a design brief that defines direction, constraints, and strategy for implementation.
  • Used during the planning phase to ensure design decisions precede coding and align with product goals.

Quick Start

Ask questions to gather requirements, then generate a design brief that guides implementation.

Frequently Asked Questions about shape

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

FAQPage Schema
How do I plan UX and UI requirements before starting implementation?▼

A design brief is a structured artifact that defines design direction, constraints, and strategy for implementation. It ensures design decisions precede coding and align with product goals.

What is a design brief and how does it guide feature development?▼

A design brief is a structured artifact that defines design direction, constraints, and strategy for implementation. It ensures design decisions precede coding and align with product goals.

How do I conduct a discovery interview to gather UI design goals and constraints?▼

A design brief is a structured artifact that defines design direction, constraints, and strategy for implementation. It ensures design decisions precede coding and align with product goals.

What's the best way to establish UI design direction and strategy before coding begins?▼

A design brief is a structured artifact that defines design direction, constraints, and strategy for implementation. It ensures design decisions precede coding and align with product goals.

Can I use a structured planning phase to align UX decisions with product success metrics?▼

A design brief is a structured artifact that defines design direction, constraints, and strategy for implementation. It ensures design decisions precede coding and align with product goals.

When should I not use a design brief for feature planning?▼

A design brief is a structured artifact that defines design direction, constraints, and strategy for implementation. It ensures design decisions precede coding and align with product goals.

Related Skills

Explore More Design & Creative Skills→
nokusukunnokusukun

shape

Conduct a structured discovery interview to produce a design brief.

Community
Advanced
dasheck0dasheck0
8

ui-ux-research

Generate structured UI/UX design briefs with reference screenshots and ASCII wireframes.

Community
Advanced
motionharvestmotionharvest
2

reference-site-analysis

Analyze high-performing websites to extract validated UX patterns and design systems.

Community
Intermediate
Logisoft-webLogisoft-web

shape

Conduct discovery interviews and generate design briefs for feature planning.

Community
Intermediate