Sayanthegamer

Cad Plan — Design skill for Claude Code

Design community

Create structured implementation plan as native UI Artifact with zero Git clutter.

How to install Cad Plan

Installs to ~/.claude/skills/sayanthegamer-cadence-cad-plan/SKILL.md

Terminal

mkdir -p ~/.claude/skills/sayanthegamer-cadence-cad-plan && curl -fsSL https://raw.githubusercontent.com/Sayanthegamer/cadence/HEAD/commands/cad-plan.md -o ~/.claude/skills/sayanthegamer-cadence-cad-plan/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Cad Plan does

name: cad-plan description: Create structured implementation plan as native UI Artifact with zero Git clutter.

Execute the `cadence-plan` skill:

Survey the feature or refactor scope (delegating deep reads to cadence-scout).
Generate an Antigravity UI Plan Artifact (brain//) with:
- Objective & Scope
- Mermaid Architecture / Flow diagram
- TDD Red-Phase contract strategies
- Sequenced task checklist tagged with construction emojis (🟢, 🟡, 🔴, 🏗️)

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Brainstorming — Transform rough ideas into fully-formed designs through structured questioning and alternative exploration 27.9k ★
Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★