shaping

Frame problems and shape solutions with shaping docs, fit checks, and breadboards.

15|7|Updated Oct 24, 2023
One-click install
npx skills add https://github.com/dialpad/dialtone --skill shaping-dialpad
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shaping
Source: https://github.com/dialpad/dialtone/tree/main/.claude/skills/shaping
Command: npx skills add https://github.com/dialpad/dialtone --skill shaping-dialpad

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a structured workflow to define problems and explore solution options before committing to implementation, reducing wasted effort and misalignment across teams.

Core Features & Use Cases

  • R & S framing: Capture requirements and proposed shapes to guide decision-making.
  • Breadboarding: Map ideas to concrete, demo-able affordances and implementation plans.
  • Slicing readiness: Break selected shapes into vertical slices with traceable plans.
  • Cross-package context: Aligns token, CSS utilities, Vue components, docs, and tooling through integrated shaping.

Quick Start

Start a shaping session with the team to capture requirements and sketch shapes, then breadboard a selected option.

Frequently Asked Questions about shaping

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

FAQPage Schema
How do I frame product management problems before implementation?▼

Shaping helps frame product management problems before implementation by applying structured problem-solution exploration using shaping docs to capture requirements. It enables iterative R and S work, ensuring team alignment before committing resources to development.

What is breadboarding in design thinking and product management?▼

Breadboarding in product management is a technique to map ideas to concrete, demo-able affordances and implementation plans. It enables teams to visualize selected solution shapes before committing to actual development resources.

How do I align requirements across Vue components, CSS utilities, and tokens?▼

Aligning requirements across Vue components, CSS utilities, and tokens requires integrated shaping sessions that enforce cross-package context. This workflow ensures structured problem-solution exploration aligns design system elements through traceable plans.

Can I use shaping for slicing readiness in product development?▼

Yes, shaping supports slicing readiness in product development by breaking selected shapes into vertical slices with traceable plans. This bridges the gap between high-level solution design and actionable implementation tasks for the team.

When do I need a fit check in the product shaping workflow?▼

A fit check is needed in the product shaping workflow to validate proposed solutions before committing to implementation. It enforces structured problem-solution exploration, reducing wasted effort and misalignment across teams during the R and S framing process.