Agent skill

Architecture Diagram

This skill should be used when the user asks to "generate a diagram", "create an architecture diagram", "make a diagram", "draw a system diagram", or needs a branded Chinchilla AI technical diagram for proposals or documentation.

Stars 2
Forks 0

Install this agent skill to your Project

npx add-skill https://github.com/ChinchillaEnterprises/ChillSkills/tree/main/architecture-diagram

SKILL.md

Architecture Diagram Generator for Chinchilla AI

Generate branded Chinchilla AI architecture diagrams for proposals and documentation.

Available Templates

Template Keywords Use Case
ai_agent AI agent, Claude, LangChain, autonomous AI/ML agent systems
rag_pipeline RAG, documents, search, embeddings Document retrieval systems
data_pipeline Data pipeline, ETL, analytics Data processing flows
transportation_insights Dashboard, analytics, visualization Analytics dashboards
mvp_sprint MVP, startup, prototype Rapid prototyping
saas_platform SaaS, platform, multi-tenant Platform architecture
saas_integration Integration, API, OAuth Third-party integrations
ecommerce E-commerce, store, payments E-commerce systems

Generation Process

Step 1: Select Template

Match keywords in project description to appropriate template.

Step 2: Generate Diagram

python
cd /Users/tori/Documents/Repos/CHI/diagram_generator
/Users/tori/Documents/Repos/CHI/venv/bin/python3 << 'EOF'
from templates import [TEMPLATE_NAME]
from watermark import apply_watermark_smart

output = [TEMPLATE_NAME].generate(
    title="[CUSTOM TITLE]",
    output_dir="output"
)
apply_watermark_smart(output)
print(f"Generated: {output}")
EOF

Step 3: Apply Watermark

All diagrams automatically include:

  • Chinchilla AI logo (charcoal + coral "AI")
  • Brand colors
  • Professional styling

Output Location

/Users/tori/Documents/Repos/CHI/diagram_generator/output/

Key Files

File Path
Templates /Users/tori/Documents/Repos/CHI/diagram_generator/templates/
Assets /Users/tori/Documents/Repos/CHI/diagram_generator/assets/
Logo /Users/tori/Documents/Repos/CHI/diagram_generator/assets/logo-branded.png
Watermark Script /Users/tori/Documents/Repos/CHI/diagram_generator/watermark.py

Brand Colors in Diagrams

Element Color
Primary boxes #2D2D3A (Charcoal)
Accent elements #FF6B6B (Electric Coral)
Highlights #4ECDC4 (Mint Teal)
Backgrounds #1A1A2E or #FAFAFA

Integration with Proposals

When writing proposals, generate a matching diagram:

  1. Identify core architecture from job requirements
  2. Select appropriate template
  3. Generate with custom title
  4. Reference in proposal: "I've attached a diagram showing our general approach."

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results