skills.rest
tripathishashikant
tripathishashikantCOMMUNITY
Explore all skills by this author →
GitHub

shape

Plans UX/UI features and outputs a structured design brief via-frontmatter-driven entry.

Updated Apr 19, 2026
Search Tags:#ui-design#ux#context-gathering#design-brief#shape#discovery-interview
One-click install
npx skills add https://github.com/tripathishashikant/vue-lab --skill shape-tripathishashikant
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shape
Source: https://github.com/tripathishashikant/vue-lab/tree/main/.gemini/skills/shape
Command: npx skills add https://github.com/tripathishashikant/vue-lab --skill shape-tripathishashikant

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Shape the UX and UI for a feature before any code is written. This skill produces a structured design brief that guides implementation through discovery, not guesswork.

Core Features & Use Cases

  • Structured Discovery: Executes a formal discovery interview following the Context Gathering Protocol to surface goals, constraints, and success metrics.
  • Design Brief Output: Produces a comprehensive design brief that informs design direction, feasibility, and implementation strategy.
  • Planning Phase Guidance: Serves as the planning artifact to align product, design, and engineering teams before code is written.

Quick Start

Run the discovery interview following the Context Gathering Protocol, then synthesize a formal design brief.

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 starts?▼

Plan UX and UI before coding by running a structured discovery interview that gathers context and produces a comprehensive design brief to guide implementation.

What is a design brief in the context of feature planning?▼

A design brief is a structured planning artifact that surfaces goals, constraints, and success metrics to align product, design, and engineering teams before code is written.

How do I conduct a discovery interview for UI design context gathering?▼

Conduct a discovery interview by following the Context Gathering Protocol, which uses a mandatory frontmatter-driven entry to systematically surface user needs and feasibility constraints.

Can I align product and engineering teams using a structured UX planning process?▼

Align product and engineering teams by using a structured UX planning process that synthesizes discovery interview results into a formal design brief establishing direction and implementation strategy.

Do I need to follow a specific context protocol to generate a UX design brief?▼

You need to follow the Context Gathering Protocol to generate a UX design brief, as it enforces a mandatory frontmatter-driven entry to establish accurate direction and strategy for implementation.

What are the limitations of planning UX through automated discovery interviews?▼

Planning UX through automated discovery is limited to the planning phase; it produces strategic direction and a design brief but does not execute code or replace visual prototyping workflows.

Related Skills

Explore More Design & Creative Skills→
djkloopdjkloop

shape

Conduct a structured discovery interview and produce a design brief.

Community
Intermediate
IsNoobgrammerIsNoobgrammer
4

planner

Generate PRDs, architecture diagrams, and implementation plans for software projects.

Community
Advanced
flitzrrrflitzrrr
4

design-process

Coordinate end-to-end design workflows from brief to handoff.

Community
Intermediate
JohannesKoningsJohannesKonings
9

to-spec

Synthesize active conversation context into structured technical specifications and project requirements.

Community
Intermediate