shape

Plan UX and UI by conducting a structured discovery interview and generating a design brief.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan UX and UI for a feature before any code is written, by guiding structured discovery and producing a design brief that informs implementation.

Core Features & Use Cases

  • Structured discovery interview to capture context, constraints, goals, and success criteria.
  • Design brief generation that defines design direction, constraints, and strategy for execution.
  • Scope guardrails to ensure planning stays in the discovery and design phase, not implementation.

Quick Start

Conduct a discovery interview for a feature and return a design brief that guides development.

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 direction before coding begins?

To plan UX and UI direction before coding, you conduct a structured discovery interview to capture context, constraints, and goals, then generate a design brief that guides implementation.

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

A design brief defines the design direction, constraints, and strategy for execution. It acts as a handoff document that guides implementation skills by establishing the scope and goals before development.

How do I conduct a discovery interview for feature planning?

You conduct a discovery interview for feature planning by following a Context Gathering Protocol to capture user goals, success criteria, and design constraints, ensuring the scope stays strictly in the design phase.

Can I use this to generate UI designs and write code simultaneously?

No, you cannot use this to generate UI code simultaneously. It includes scope guardrails to ensure planning stays in the discovery and design phase, explicitly preventing any implementation activities.

What's the best way to establish design constraints and strategy early?

The best way to establish design constraints and strategy early is to perform a structured discovery phase that outputs a comprehensive design brief, capturing all necessary context before any code is written.