shape

Conduct a structured discovery interview and produce a design brief.

Updated Apr 17, 2026
One-click install
npx skills add https://github.com/djkloop/n --skill shape-djkloop
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/djkloop/n/tree/main/.trae/skills/shape
Command: npx skills add https://github.com/djkloop/n --skill shape-djkloop

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implementation. Use during the planning phase to establish design direction, constraints, and strategy before any code is written.

Core Features & Use Cases

  • Phase 1: Discovery Interview: understand the feature deeply through guided questions and dialogue; gather context to inform design decisions.
  • Phase 2: Design Brief: synthesize learnings into a structured brief that defines design direction, constraints, scope, and handoff artifacts for implementation teams.
  • Output: A reusable design brief that can be handed off to /impeccable craft, /impeccable, or any other implementation skill to guide the build.

Quick Start

Initiate the discovery workflow for a feature and generate a design brief to guide 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 for a feature before coding?

To plan UX and UI before coding, you can run a structured discovery interview to gather context, which then synthesizes into a design brief defining direction, constraints, and handoff artifacts for implementation teams.

What is a design brief and when do I need one for product development?

A design brief is a structured document defining design direction, scope, constraints, and handoff artifacts. You need one during the planning phase to establish strategy and guide implementation across product teams before writing code.

How do I conduct a discovery interview for UX design?

Conduct a UX design discovery interview by using a guided workflow that asks structured questions about your feature, gathers context to inform decisions, and synthesizes learnings into a reusable design brief for handoff.

Does initiating a design brief workflow require existing project context?

Initiating a design brief workflow does not require existing project context, as the discovery interview can bootstrap context if none exists, though invoking design principles is required to guide the process.

What's the best way to hand off UX strategy to implementation teams?

The best way to hand off UX strategy is to produce a reusable design brief that defines scope and constraints, which can then be passed directly to implementation skills to guide the build process.