xiaohongshu
xiaohongshu
c3-design
Use when designing, updating, or exploring system architecture with C3 methodology - iterative scoping through hypothesis, exploration, and discovery across Context/Container/Component layers
Full skill instructions
STOP - Before ANY exploration or design work, execute:
cat .c3/README.md 2>/dev/null || echo "NO_CONTEXT" cat .c3/TOC.md 2>/dev/null || echo "NO_TOC" ls -d .c3/c3-*/ 2>/dev/null || echo "NO_CONTAINERS"
Based on output:
⚠️ DO NOT read completed ADRs unless user specifically asks:
Why this gate exists: Agents that skip existing documentation propose conflicting changes, miss established patterns, and waste user time.
Self-check before proceeding:
Transform requirements into C3 documentation through iterative scoping. Also supports exploration-only mode.
Core principle: Hypothesis → Explore → Discover → Iterate until stable.
Announce: "I'm using the c3-design skill to guide architecture design."
| User Intent | Mode | Next Step |
|---|---|---|
| "What's the architecture?" | Exploration | Load TOC → Present overview |
| "How does X work?" | Exploration | Load relevant docs → Explain |
| "I need to add/change..." | Design | Full workflow with ADR |
| "Why did we choose X?" | Exploration | Search ADRs → Present |
Quick read-only navigation:
.c3/TOC.mdFull workflow with mandatory ADR creation.
⛔ DESIGN MODE GATE: Load References
# Load skill references (from plugin directory) cat references/design-guardrails.md cat references/adr-template.mdSelf-check before proceeding:
- I read design-guardrails.md (common mistakes, red flags)
- I read adr-template.md (ADR structure, required sections)
- I understand ADR+Plan are inseparable (no ADR without Plan)
IMMEDIATELY create TodoWrite items:
Form hypothesis about which layers are affected.
Input: User's request + loaded .c3/ docs Output: Written hypothesis statement Gate: Hypothesis formed referencing specific C3 docs
Example hypothesis:
"Based on c3-1 (Backend), this change affects Container level.
The user wants to add caching, which impacts c3-102 (Data Layer component)."
Loop until stable: HYPOTHESIZE → EXPLORE → DISCOVER
| Step | Action |
|---|---|
| Hypothesize | "This change affects [layers/docs]" |
| Explore | Use layer skills to investigate (invoke them, don't describe) |
| Discover | Find actual impacts, adjust hypothesis |
Gate: No new discoveries in last iteration → Declare "Scope stable"
⛔ NO code changes until ADR file exists.
Create ADR in .c3/adr/adr-YYYYMMDD-slug.md:
# Determine today's date and create ADR
today=$(date +%Y%m%d)
cat > .c3/adr/adr-${today}-{slug}.md << 'EOF'
---
id: adr-YYYYMMDD-{slug}
title: [Decision Title]
status: proposed
date: YYYY-MM-DD
---
# [Decision Title]
## Status
**Proposed** - YYYY-MM-DD
## Problem/Requirement
[What triggered this decision]
## Exploration Journey
**Initial hypothesis:** [What we first thought]
**Explored:** [What we found at each direction]
**Discovered:** [Key insights]
## Solution
[The approach and why]
## Changes Across Layers
### Context Level
- [c3-0]: [What changes, why]
### Container Level
- [c3-N-slug]: [What changes, why]
### Component Level
- [c3-NNN-slug]: [What changes, why]
## Verification
- [ ] [Check derived from exploration]
## Implementation Plan
### Code Changes
| Layer Change | Code Location | Action | Details |
|--------------|---------------|--------|---------|
### Acceptance Criteria
| Verification Item | Criterion | How to Test |
|-------------------|-----------|-------------|
## Related
- [Links to affected docs]
EOF
Gate: ADR file exists on disk
# Verify ADR was created
ls .c3/adr/adr-*.md
Execute handoff steps (from .c3/settings.yaml or defaults):
Gate: All steps executed with evidence
When you identify which layer is affected, INVOKE the layer skill:
| Impact | Action |
|---|---|
| Container inventory changes | Use Skill tool → c3-context-design |
| Component organization | Use Skill tool → c3-container-design |
| Implementation details | Use Skill tool → c3-component-design |
Rule: When work requires a layer skill, INVOKE it. Never describe what it "would do."
| Anti-Pattern | Correct Action |
|---|---|
| "c3-container-design would create..." | Use Skill tool → c3-container-design |
| "Following c3-component-design patterns..." | Invoke the skill first |
| Summarizing skill output without invoking | Invoke, get real output |
🚩 Red Flag: Using layer skill name without Skill tool invocation in conversation
Rule: NO code changes until ADR file exists in Design Mode.
| Anti-Pattern | Correct Action |
|---|---|
| "Let me fix this quickly first" | Create ADR first |
| "I'll create ADR after fixing" | ADR before any edit |
| Making code changes in Phase 1-2 | Only read code, don't modify |
🚩 Red Flag: Edit/Write tool used before ADR file created
Before claiming completion, verify:
# If Design Mode: Verify ADR exists
ls .c3/adr/adr-*.md 2>/dev/null | tail -1
# Verify no orphaned changes (ADR lists them)
cat .c3/adr/adr-*.md | grep -A20 "Changes Across Layers"
At the end of your work, output a contextual reading chain based on what you discovered.
Format:
## 📚 To Go Deeper
Based on this work affecting [layer/component], relevant reading:
**Ancestors (understand constraints):**
└─ c3-0 → c3-N → c3-NNN (this)
**Siblings (coordinate changes):**
├─ c3-NMM - [why relevant]
└─ c3-NKK - [why relevant]
**Downstream (propagate changes):**
└─ c3-NNNX - [affected by this change]
*Reading chain generated from actual doc relationships.*
Rules:
references/design-guardrails.md - Key principles, common mistakesreferences/design-phases.md - Phase detailsreferences/adr-template.md - Full ADR template with examplesreferences/design-exploration-mode.md - Exploration workflowxiaohongshu
technical spec
product ux expert
database patterns
Conduct multi-agent task orchestration and workflow coordination.
Initialize project with Conductor artifacts (product definition,
Expert in web animations, transitions, and motion design using Framer Motion and CSS
Creates Mermaid and ASCII diagrams for flowcharts, architecture, ERDs, state machines, mindmaps, and more. Use when user mentions diagram, flowchart, mermaid, ASCII diagram, text diagram, terminal diagram, visualize, C4, mindmap, architecture diagram, sequence diagram, ERD, or needs visual docume...
PostgreSQL bindings for H3 hexagonal grid system. Use when working with H3 cells in Postgres, including spatial indexing, geometry/geography integration, and raster analysis.
Context-Driven Development skill for projects using Conductor. Use this skill when you detect a `conductor/` directory in the project, when working on tasks defined in a `plan.md` file, or when the user asks about tracks, specs, or plans. Automatically applies TDD workflow, tracks task completion...
Display project status, active tracks, and next actions
Official Stakpak application containerization standard operating procedure, a step-by-step guidline to properly dockerize applications. This is a rule book curated by the Stakpak Team.
Generate, edit, and beat-sync AI video with leading models in one workspace.
The world's fastest calendar for remote work
Transform Your Design with AI Designer by ImgCreator.ai
Revolutionizing Video Production with AI-Powered Creativity
Extend an image past the frame and let AI fill the new aspect ratio.
Discover your celebrity doppelgänger with StarByFace!
ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.
Opus.ai: Revolutionize Your Web Experience