shape

Produce a structured design brief from discovery interviews for UX/UI planning.

1|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/indroputranto/docling-fleet --skill shape-indroputranto
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/indroputranto/docling-fleet/tree/main/.agents/skills/shape
Command: npx skills add https://github.com/indroputranto/docling-fleet --skill shape-indroputranto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps in planning UX/UI design for a feature, ensuring that design decisions are well-informed and aligned with user needs and business goals.

Core Features & Use Cases

  • Structured Discovery: Conducts a thorough discovery interview to understand the feature's purpose, user context, and desired outcomes.
  • Design Brief Production: Outputs a detailed design brief that includes summary, primary user action, design direction, layout strategy, key states, interaction model, content requirements, references, and open questions.
  • Use Case: When planning the design of a new feature for a product, use this Skill to create a comprehensive design brief that will guide the implementation phase.

Quick Start

Use the shape skill to create a design brief for a new feature 'profile settings interface'.

Frequently Asked Questions about shape

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

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

A UX design brief ensures design decisions align with user needs and business goals. You need one before coding to establish strategic design direction, defining the feature's purpose, user context, and desired outcomes upfront to guide the implementation phase.

How do I create a design brief for a new product feature?

To create a design brief for a new feature, conduct a discovery interview to understand the problem. Use responses to produce a document detailing the design direction, layout strategy, interaction model, key states, and content requirements.

What questions should I ask in a UX discovery interview?

A UX discovery interview should ask questions that uncover the feature's purpose, user context, and desired outcomes. This ensures a deep understanding of the design problem, which is necessary to produce a comprehensive design brief.

What should be included in a UI design strategy document?

A UI design strategy document should include a summary, primary user action, design direction, layout strategy, key states, interaction model, content requirements, references, and open questions to guide the implementation phase.

When should I use a structured design brief instead of jumping straight into UI mockups?

Use a structured design brief instead of jumping straight into UI mockups when a feature requires strategic design direction before coding begins. It ensures design decisions are well-informed and aligned with user needs and business goals.

Can I plan UX design for complex interfaces without prior design experience?

You can plan UX design without prior experience by using a structured discovery process. It guides you through defined questions to understand the design problem and outputs a comprehensive brief covering layout strategy and interaction models.