💻Development
875
3,198

c4-architecture

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".

#diagram#architecture#mermaid#documentation
Share
Quick Install
>_npx skills add softaworks/agent-toolkit
Documentation
Loading documentation...
Repository
Repositorysoftaworks/agent-toolkit
Stars875
Last UpdatedMar 5, 2026
Related Skills
98,200
1,664

remotion-best-practices

Best practices for creating videos with React and Remotion.

remotion-dev
remotion-dev/skills
85,870
22,258

vercel-react-best-practices

Provides React and Next.js performance optimization guidelines from Vercel Engineering.

vercel-labs
vercel-labs/agent-skills
17,885
22,258

vercel-composition-patterns

A skill for applying React composition patterns that scale, useful for refactoring components and building flexible libraries.

vercel-labs
vercel-labs/agent-skills
13,500
55,506

systematic-debugging

A skill for systematic debugging to identify and resolve bugs or unexpected behaviors before proposing fixes.

obra
obra/superpowers
13,370
22,258

vercel-react-native-skills

Best practices for React Native and Expo app development, focusing on performance and native module integration.

vercel-labs
vercel-labs/agent-skills