skills.rest
sandrasocial
sandrasocialCOMMUNITY
Explore all skills by this author →
GitHub

shape

Plans UX/UI by interviewing stakeholders and generating a design brief before coding.

1|Updated Oct 27, 2025
Search Tags:#design#planning#ui#ux#design-brief#discovery-interview
One-click install
npx skills add https://github.com/sandrasocial/sselfie-9g --skill shape-sandrasocial
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/sandrasocial/sselfie-9g/tree/main/.agents/skills/shape
Command: npx skills add https://github.com/sandrasocial/sselfie-9g --skill shape-sandrasocial

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan the UX and UI for a feature before writing code by running a structured discovery interview and generating a design brief that guides implementation. This ensures design direction, constraints, and strategy are established before any code is written.

Core Features & Use Cases

  • Structured Discovery Interview: Gather deep context about the feature, user needs, and success metrics.
  • Design Brief Output: Produce a concise, actionable brief that can guide design and development teams.
  • Phase-aligned Planning: Use during the planning phase to establish direction, constraints, and strategy before implementation.

Quick Start

Initiate a discovery interview to collect context, then generate a design brief that guides future 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?▼

A design brief for UX and UI planning establishes design direction, strategy, and constraints before any code is written, serving as a context-rich artifact that informs design decisions and development handoffs.

What is a design brief used for in feature planning?▼

A design brief for UX and UI planning establishes design direction, strategy, and constraints before any code is written, serving as a context-rich artifact that informs design decisions and development handoffs.

How do I conduct a discovery interview for UI and UX planning?▼

This UX and UI planning approach is used during the planning phase to establish direction, constraints, and strategy before implementation, making it suitable for any feature requiring a structured design brief.

When do I need to create a design brief for UX and UI?▼

This UX and UI planning approach is used during the planning phase to establish direction, constraints, and strategy before implementation, making it suitable for any feature requiring a structured design brief.

What's the best way to document design direction before development?▼

The best way to document design direction before development is to produce a concise, actionable design brief that captures feature context, strategy, and constraints gathered from a discovery interview.

Related Skills

Explore More Design & Creative Skills→
hfadhlullahhfadhlullah

PRD Generator

Generate Product Requirements Documents through an interview process.

Community
Advanced
buiphucminhtambuiphucminhtam
47

ui-designer

Translate BRD inputs into design briefs, tokens, and wireframes for frontend teams.

Community
Advanced
qqrusqqrus

ux-designer

Provide UX design guidelines for user research, wireframing, prototyping, and information architecture.

Community
Advanced
vercelvercel
246

v0-dev

Translate natural language prompts into React/Next.js UI code with v0.

Official
Advanced