technical-svg-diagrams
Installation
SKILL.md
<quick_start>
- Identify diagram type needed (architecture, flow, or component)
- Read
references/svg-patterns.mdfor templates and color palette - Generate SVG using the established patterns
- Save to target directory with descriptive filename </quick_start>
<design_system>
Color Palette
| Purpose | Color | Hex |
|---|---|---|
| Background | Light gray | #fafafa |
| Grid lines | Subtle gray | #e5e5e5 |
| Primary text | Dark gray | #333 |
Related skills
More from somtougeh/somto-dev-toolkit
unit-test-loop
|
3gwt
|
2blog-post-writer
Transform brain dumps into polished blog posts in Nick Nisi's voice. Use when the user wants to write a blog post with scattered ideas, talking points, and conclusions that need organization into a cohesive narrative with Nick's conversational, authentic, and thoughtful tone.
2biome-gritql
Creates and manages Biome GritQL custom lint rules to enforce coding patterns. Use when creating linter rules, enforcing code conventions, preventing anti-patterns, or when the user mentions Biome, GritQL, custom lint rules, or AST-based linting.
2dex-workflow
|
2e2e-test-loop
|
2