shape

Guide a structured interview to produce a UX/UI design brief.

Updated Feb 23, 2026
One-click install
npx skills add https://github.com/mkloz/teamforge-frontend --skill shape-mkloz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/mkloz/teamforge-frontend/tree/main/.agents/skills/shape
Command: npx skills add https://github.com/mkloz/teamforge-frontend --skill shape-mkloz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps you plan the UX and UI for a feature before writing code, ensuring a structured discovery interview leads to a comprehensive design brief.

Core Features & Use Cases

  • Structured Discovery Interview: Guides you through a conversation to deeply understand the feature's purpose, context, content, and design goals.
  • Design Brief Production: Outputs a structured design brief that outlines the feature summary, primary user action, design direction, layout strategy, key states, interaction model, content requirements, recommended references, and open questions.
  • Use Case: Before starting development on a new feature, use this Skill to ensure you have a clear design direction and constraints in place.

Quick Start

Run the shape skill with the feature name as an argument, e.g., 'shape "user profile creation"'

Frequently Asked Questions about shape

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

FAQPage Schema
How do I plan UX design before coding a new software feature?

A design brief guides UI design by documenting the feature summary, primary user action, layout strategy, interaction model, content requirements, and key states to ensure clear design direction before development.

What is the best way to conduct a discovery interview for product design?

A design brief guides UI design by documenting the feature summary, primary user action, layout strategy, interaction model, content requirements, and key states to ensure clear design direction before development.

How do I generate a UI design brief for feature planning?

A design brief guides UI design by documenting the feature summary, primary user action, layout strategy, interaction model, content requirements, and key states to ensure clear design direction before development.

Does this structured design interview work for any product design workflow?

A design brief guides UI design by documenting the feature summary, primary user action, layout strategy, interaction model, content requirements, and key states to ensure clear design direction before development.

How do I start a design interview for a specific feature?

A design brief guides UI design by documenting the feature summary, primary user action, layout strategy, interaction model, content requirements, and key states to ensure clear design direction before development.