← All skills
Tencent SkillHub · Developer Tools

Shaping & Breadboarding

Shape Up methodology for product and feature development. Use when collaboratively shaping a solution — iterating on problem definition (requirements) and solution options (shapes), breadboarding systems into affordances and wiring, and slicing into vertical implementation increments. Triggers include "shape this feature", "breadboard the system", "let's shape", "slice this into increments", "fit check", "define requirements", or any product/feature scoping discussion using Shape Up methodology.

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

Shape Up methodology for product and feature development. Use when collaboratively shaping a solution — iterating on problem definition (requirements) and solution options (shapes), breadboarding systems into affordances and wiring, and slicing into vertical implementation increments. Triggers include "shape this feature", "breadboard the system", "let's shape", "slice this into increments", "fit check", "define requirements", or any product/feature scoping discussion using Shape Up methodology.

⬇ 0 downloads ★ 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md, references/breadboarding.md, references/shaping.md

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.

Upgrade existing

I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
1.0.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 11 sections Open source page

Shaping & Breadboarding

Structured methodology for defining problems, exploring solutions, and planning implementation. Based on Shape Up adapted for working with an LLM. Source: rjs/shaping-skills by @rjs (Ryan Singer, author of Shape Up)

Two Skills in One

Shaping — Iterate on problem (requirements) and solution (shapes) before committing to implementation. Separates what you need from how you might build it, with fit checks to see what's solved and what isn't. Breadboarding — Map a system into UI affordances, code affordances, and wiring. Shows what users can do and how it works underneath in one view. Good for slicing into vertical scopes.

When to Use

Exploring a new feature or product direction Comparing solution approaches before building Mapping an existing system to understand where changes land Breaking a selected solution into vertical implementation slices Any "should we build X or Y?" discussion

Entry Points

Start from R (Requirements) — Describe the problem, pain points, constraints. Build up requirements and let shapes emerge. Start from S (Shapes) — Sketch a solution already in mind. Capture it as a shape and extract requirements as you go. No required order. R and S inform each other throughout.

Core Notation

LevelNotationMeaningRelationshipRequirementsR0, R1, R2...Problem constraintsMembers of set RShapesA, B, C...Solution optionsPick one from SComponentsC1, C2, C3...Parts of a shapeCombine within shapeAlternativesC3-A, C3-B...Approaches to a componentPick one per component

Phases

Shaping → Slicing Shaping: Explore problem/solution space, select and detail a shape Slicing: Break down for implementation into vertical slices with demo-able UI

Key Actions

Populate R — Gather requirements as they emerge Sketch a shape — Propose a high-level approach Detail — Break shape into components or concrete affordances Check fit — Build decision matrix (R × S), binary ✅/❌ only Breadboard — Map to UI/Code affordances with wiring Spike — Investigate unknowns Slice — Break breadboarded shape into vertical increments

Detailed Reference

For the complete methodology, notation rules, examples, and procedures: Shaping reference: See references/shaping.md — Full shaping methodology including fit checks, parts, spikes, documents, multi-level consistency Breadboarding reference: See references/breadboarding.md — Complete breadboarding procedure, affordance tables, places, wiring, Mermaid conventions, chunking, slicing Load the relevant reference when entering that phase of work.

Quick Reference: Fit Check Format

| Req | Requirement | Status | A | B | C | |-----|-------------|--------|---|---|---| | R0 | Full requirement text | Core goal | ✅ | ✅ | ✅ | | R1 | Full requirement text | Must-have | ✅ | ❌ | ✅ | Always show full requirement text, never abbreviate Binary only: ✅ or ❌. No ⚠️ in fit checks Explanations go in Notes section below the table

Quick Reference: Affordance Tables

UI Affordances: # | Place | Component | Affordance | Control | Wires Out | Returns To Code Affordances: Same columns Controls: click, type, call, observe, write, render Wires Out (solid →): Control flow — calls, triggers, writes Returns To (dashed -.->): Data flow — return values, reads

Quick Reference: Slicing

Every slice must end in demo-able UI Max 9 slices Each slice demonstrates a mechanism working Format: V1: Name — affordances, demo statement

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
3 Docs
  • SKILL.md Primary doc
  • references/breadboarding.md Docs
  • references/shaping.md Docs