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.