Rev Design — Design skill for Claude Code
既存のコードベースから技術設計文書を逆生成します.
How to install Rev Design
Installs to ~/.claude/skills/classmethod-tsumiki-rev-design/SKILL.md
mkdir -p ~/.claude/skills/classmethod-tsumiki-rev-design && curl -fsSL https://raw.githubusercontent.com/classmethod/tsumiki/HEAD/commands/rev-design.md -o ~/.claude/skills/classmethod-tsumiki-rev-design/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Rev Design does
description: 既存のコードベースから技術設計文書を逆生成します。実装されたアーキテクチャ、データフロー、API仕様、データベーススキーマ、TypeScriptインターフェースを分析し、設計書として文書化します。
rev-design
目的
既存のコードベースから技術設計文書を逆生成する。実装されたアーキテクチャ、データフロー、API仕様、データベーススキーマ、TypeScriptインターフェースを分析し、設計書として文書化する。
前提条件
- 分析対象のコードベースが存在する
docs/design/{要件名}/ディレクトリが存在する(なければ作成)- 可能であれば事前に
/tsumiki:rev-tasksを実行済み
実行内容
**アーキテクチャの分析**
- プロジェクト構造からアーキテクチャパターンを特定
- レイヤー構成の確認(MVC、Clean Architecture等)
- マイクロサービス構成の有無
- フロントエンド/バックエンドの分離状況
**デー
Alternatives in Design
- Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
- Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Rev Specs
既存のコードベースから包括的なテストケースと仕様書を逆生成します。実装されたビジネスロジック、API動作、UI コンポーネントの動作を分析し、不足しているテストケースを特定・生成し、仕様書として文書化します。
Shiraz Coding Style
Portable TDD-first coding-agent skill for Codex and Claude Code: clarify behavior first, write RED tests, impl
Canvas Design
When user asks to create a poster, piece of art, design, or other static pieceCreate beautiful visual art in PNG and PDF documents using design philosophy
Frontend Design
When user asks to build web components, pages, applications, dashboards, or style/beautify web UICreate distinctive, production-grade frontend interfaces with high design quality
Huashu Design
Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 +
Figma Implement Design
Translate Figma designs into production-ready code with pixel-perfect accuracy
Related Agents
Multi Agent Architect
Advisor for production multi-agent system design: topology selection, context management across agents, inter-
Design Agent
Builds the screens and every interaction state from a structured design spec as a Claude Design canvas using t
Dotnet Code Review Agent
WHEN reviewing code for correctness, performance, security, and architecture concerns. Triages findings and ro