c4-architecture
Generate architecture documentation using C4 model Mermaid diagrams.
Skill by coco-research
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/coco-research-c4-architecture
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: documents, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md and code. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/c4-architecture
What's inside
- Skill name
c4-architecture- Description
- Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document system architecture, visualize software structure, or generate context/container/component/deployment diagrams.
- License
- NOASSERTION
- Instructions
- 340 lines in SKILL.md · view on GitHub
Files (4)
- SKILL.md
- advanced-patterns.md · references/
- c4-syntax.md · references/
- common-mistakes.md · references/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from coco-research/coco
- 0.817score
visual-explainer
nicobailon
Generate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts.
SkillAFreshness: A★ 784Claude Code +9 - 0.641score
reverse-engineering
coco-research
Provides reverse engineering techniques.
SkillAFreshness: A★ 784Claude Code - 0.641score
dotnet-reverse
coco-research
.NET / C# 二进制逆向。当目标是 .NET assembly（PE 头含 CLR、.exe/.dll 托管程序）、C# 编译产物（含 NativeAOT）、红队 Sharp* 工具（Rubeus / SharpHound / SharpHound 等）、.NET 混淆程序（ConfuserEx /…
SkillAFreshness: A★ 784Claude Code - 0.636score
hyperframes-registry
coco-research
Install, discover, and wire registry blocks and components into HyperFrames compositions.
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
hyperframes
coco-research
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo…
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
hyperframes-animation
coco-research
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the…
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
hyperframes-creative
coco-research
Non-animation creative direction for HyperFrames videos.
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
prd-generator
coco-research
Generate comprehensive Product Requirements Documents (PRDs) for product managers.
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
swiftui-liquid-glass
coco-research
Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API.
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
hyperframes-core
coco-research
The HyperFrames composition contract — build one renderable project.
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
figma
coco-research
Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as…
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
coco-ads
coco-research
Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames.
SkillAFreshness: A★ 784Claude Code +9
Signals
- Stars
- 784
- Forks
- 13
- Open issues
- 55
- Last commit (this folder)
- Oct 21, 2026 (6 days ago)
- Last release
- Oct 23, 2026 (4 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- NOASSERTION
- Repository
- github.com/coco-research/coco
- Website
- cocoresearch.org/coco/
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from coco-research
- 0.641score
reverse-engineering
coco-research
Provides reverse engineering techniques.
SkillAFreshness: A★ 784Claude Code - 0.641score
dotnet-reverse
coco-research
.NET / C# 二进制逆向。当目标是 .NET assembly（PE 头含 CLR、.exe/.dll 托管程序）、C# 编译产物（含 NativeAOT）、红队 Sharp* 工具（Rubeus / SharpHound / SharpHound 等）、.NET 混淆程序（ConfuserEx /…
SkillAFreshness: A★ 784Claude Code - 0.636score
figma
coco-research
Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as…
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
coco-ads
coco-research
Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames.
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
brain
coco-research
Use when the user says brain, project knowledge, what do we know about, open tasks, or recent decisions, or runs /brain or /brain-update.
SkillAFreshness: A★ 784Claude Code +9 - 0.636score
prd-generator
coco-research
Generate comprehensive Product Requirements Documents (PRDs) for product managers.
SkillAFreshness: A★ 784Claude Code +9
Cite this page
c4-architecture skill. Agent Mart. https://agentmart.dev/skills/coco-research-c4-architecture (last updated 2026-10-24)