c4-architecture
Generate architecture documentation using C4 model Mermaid diagrams.
Skill by fefogarcia
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/fefogarcia-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: not checked yet.
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, create C4 diagrams, or generate context/container/component/deployment diagrams. Triggers include "architecture diagram", "C4 diagram", "system context", "container diagram", "component diagram", "deployment diagram", "document architecture", "visualize architecture".
- License
- unknown
- Instructions
- 292 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 fefogarcia/approved-skills
- 0.443score
dependency-audit
fefogarcia
Comprehensive dependency health auditing for JavaScript/TypeScript projects.
SkillDFreshness: D★ 2Claude Code +9 - 0.443score
brand-architect
fefogarcia
Use this skill when users need to develop brand strategy, choose a company name, define brand positioning, create brand voice, or build brand identity from…
SkillDFreshness: D★ 2Claude Code +9 - 0.443score
developer-toolbox
Jezweb
Essential development workflow agents for code review, debugging, testing, documentation, and git operations.
SkillDFreshness: D★ 2Claude Code +9 - 0.443score
carbon-design-system
fefogarcia
Build UIs using IBM's Carbon Design System.
SkillDFreshness: D★ 2Claude Code +9 - 0.443score
data-visualization
fefogarcia
Create production-quality data visualizations including charts, dashboards, and infographics.
SkillDFreshness: D★ 2Claude Code +9 - 0.440score
design-consistency-auditor
fefogarcia
Audit and maintain design system consistency, UX/UI patterns, color palettes, and design best practices across frontend applications
SkillDFreshness: D★ 2Claude Code +9 - 0.438score
deep-debug
fefogarcia
Multi-agent investigation for stubborn bugs.
SkillDFreshness: D★ 2Claude Code +9 - 0.438score
business-model-auditor
fefogarcia
Use this skill when users need to stress test their business model, identify scale limitations, find bottlenecks, determine if they're trading time for money…
SkillDFreshness: D★ 2Claude Code +9 - 0.430score
business-intelligence
fefogarcia
Expert business intelligence covering dashboard design, data visualization, reporting automation, and executive insights delivery.
SkillDFreshness: D★ 2Claude Code +9 - 0.412score
doc-coauthoring
fefogarcia
Guide users through a structured workflow for co-authoring documentation.
SkillDFreshness: D★ 2Claude Code +9
Signals
- Stars
- 2
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Feb 10, 2026 (8 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/fefogarcia/approved-skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.555score
c4-architecture
manu14357
Generate architecture documentation using C4 model Mermaid diagrams.
SkillCFreshness: C★ 16Claude Code +9 - 0.339score
c4-architecture
dushyantkhosla
Generate architecture documentation using C4 model Mermaid diagrams.
SkillAFreshness: AClaude Code +9 - 0.285score
c4-architecture
ZiadNagar
Generate architecture documentation using C4 model Mermaid diagrams.
SkillCFreshness: CClaude Code +9 - 0.278score
c4-architecture
Microck
Generate architecture documentation using C4 model Mermaid diagrams.
SkillDFreshness: D★ 5Claude Code +9 - 0.269score
c4-architecture
RamonsDka
Generate architecture documentation using C4 model Mermaid diagrams.
SkillDFreshness: D★ 2Claude Code +9
More from fefogarcia
- 0.443score
brand-architect
fefogarcia
Use this skill when users need to develop brand strategy, choose a company name, define brand positioning, create brand voice, or build brand identity from…
SkillDFreshness: D★ 2Claude Code +9 - 0.443score
carbon-design-system
fefogarcia
Build UIs using IBM's Carbon Design System.
SkillDFreshness: D★ 2Claude Code +9 - 0.443score
data-visualization
fefogarcia
Create production-quality data visualizations including charts, dashboards, and infographics.
SkillDFreshness: D★ 2Claude Code +9 - 0.443score
dependency-audit
fefogarcia
Comprehensive dependency health auditing for JavaScript/TypeScript projects.
SkillDFreshness: D★ 2Claude Code +9 - 0.440score
design-consistency-auditor
fefogarcia
Audit and maintain design system consistency, UX/UI patterns, color palettes, and design best practices across frontend applications
SkillDFreshness: D★ 2Claude Code +9 - 0.438score
deep-debug
fefogarcia
Multi-agent investigation for stubborn bugs.
SkillDFreshness: D★ 2Claude Code +9
Cite this page
c4-architecture skill. Agent Mart. https://agentmart.dev/skills/fefogarcia-c4-architecture (last updated 2026-10-24)