Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →taracodlabs/architecture-diagram
Architecture and component diagrams as HTML/SVG (dark-themed)
Passed 14 of 22 test cases with the skill, and 4 of 22 without it.
and 11 more in the full report
10 fixed4 passed either way8 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.
What default fill color should be used for standard application service nodes in the dark architecture diagram layout?
| Checked | Without skill | With skill |
|---|---|---|
| The default node background fill color is hex code #1e3a5f. | Missed | Passed |
The instructions your model reads when the skill loads.
Create dark-themed, professional system architecture and component diagrams rendered as self-contained HTML+SVG files. No external tools needed — output opens in any browser.
Before generating, outline:
- Components: what boxes/nodes exist?
- Relationships: which components talk to which? Direction?
- Groupings: are there logical layers (frontend, backend, data)?
- Key labels: service names, technologies, data formats
import textwrap
def make_diagram(title, components, connections, output="diagram.html"):
"""
components: list of { id, label, x, y, color }
connections: list of { from_id, to_id, label }
"""
box_w, box_h = 160, 50
width = max(c["x"] for c in components) + box_w + 80
height = max(c["y"] for c in components) + box_h + 80
def box(c):
bg = c.get("color", "#1e3a5f")
test cases passed, vs 4 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.