One-click install
npx skills add https://github.com/jean-sotil/presskitpro-webapp --skill shape-jean-sotil
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/jean-sotil/presskitpro-webapp/tree/main/.agents/skills/shape
Command: npx skills add https://github.com/jean-sotil/presskitpro-webapp --skill shape-jean-sotil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Shape prevents teams from building the wrong interface by forcing structured discovery before any UI decisions or implementation work begins.

Core Features & Use Cases

  • Discovery interview: Runs a guided conversation to uncover user goals, context, data/content constraints, edge cases, design goals, and technical constraints.
  • Design brief output: Produces a structured, handoff-ready brief that describes direction, layout strategy, key states, interaction model, content requirements, references, and open questions.
  • Implementation readiness: Helps translate ambiguity into actionable guidance for craft/build skills, reducing guesswork and rework.

Quick Start

Ask the AI to run the shape skill for "[feature to shape]" and return a confirmed design brief.

Frequently Asked Questions about shape

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

FAQPage Schema
What is a design brief and when do I need one for feature planning?

A design brief for feature planning is a structured document defining UX direction, layout strategy, key states, and interaction models. You need one during product discovery to translate ambiguous feature ideas into actionable implementation guidance before coding begins.

How do I gather UX requirements before starting UI design?

Gather UX requirements by conducting a structured discovery interview to uncover user goals, context, data constraints, edge cases, and technical limitations. This process ensures you capture necessary information architecture and interaction models before making any UI design decisions.

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

Create a structured design brief by running a guided discovery conversation for your feature, then outputting a handoff-ready document. This brief details content requirements, references, edge states, and open questions to align implementation and reduce rework.

Can I use this for pre-coding alignment on interaction models and edge states?

Yes, you can use it for pre-coding alignment by defining interaction models and common edge states during the discovery phase. It outputs a structured brief that guides craft and build skills, ensuring technical constraints and design goals are met.

Does structured product discovery work without making early design decisions?

Structured product discovery works by running a guided interview that intentionally avoids making design decisions. It focuses entirely on uncovering constraints, user context, and requirements, ensuring the subsequent design brief is based on facts rather than assumptions.

What is the best way to prevent building the wrong interface for a feature?

The best way to prevent building the wrong interface is forcing structured discovery before any UI decisions. By documenting technical constraints, content needs, and edge cases first, you produce an implementation-guiding brief that eliminates guesswork.