Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add juspay/xyne-spaces --skill architecture-diagramsgit clone --depth 1 https://github.com/juspay/xyne-spacesWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/juspay/xyne-spaces/architecture-diagrams)<a href="https://agentmods.dev/skills/juspay/xyne-spaces/architecture-diagrams"><img src="https://agentmods.dev/badge/skills/juspay/xyne-spaces/architecture-diagrams/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/juspay/xyne-spaces/architecture-diagrams"><img src="https://agentmods.dev/badge/skills/juspay/xyne-spaces/architecture-diagrams.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00034 | $0.00514 |
| Opus 5 | $0.00017 | $0.00257 |
| Sonnet 5 | $0.00007 | $0.00103 |
| Haiku 4.5 | $0.00003 | $0.00051 |
Grade A, and why
architecture-diagrams scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Architecture diagrams
Diagrams are hand-authored inline SVG in the page itself. Do not reach for mermaid or any diagram library: the artifact is a single file that must render with no network and no JavaScript, and script-based renderers are stripped or silently blank.
Diagram the FLOWS, not just the system. One overview diagram is not enough for anything real: each end-to-end path in the document's flows section earns its own figure — "a message becomes a desktop notification", "…a mobile push", "…a Slack fallback" are three flows and three diagrams, not one box-and-line sketch that tries to hold all of them. A document explaining a multi-path system with a single diagram under-drew it. Put each flow's diagram immediately beside the numbered walk it illustrates, so a reader sees the path and its picture together.
Pick the diagram by the relationship, and draw at most one idea per figure:
- Components and who talks to whom: boxes + arrows, direction shown by an
arrowhead
<marker>in<defs>, reused by every path. - Tables and keys: ER style — a
<rect>per table with its key columns as<text>lines, edges labelled with the FK column. - A request or lifecycle: left-to-right stages with the actor above the line and the artifact it produces below.
- Anything with more than ~12 nodes: split it, or drop to a table. A diagram nobody can follow is worse than the paragraph it replaced.
Build every figure as <figure> + <figcaption> stating the takeaway, and give
the <svg> a viewBox with width="100%" and height="auto" so it scales.
Set role="img" and a <title> so it is not invisible to a screen reader.
Colour encodes system or ownership, never severity alone; put the mapping in a
small key beside the figure, and keep labels in a monospace stack so identifiers
read as identifiers.
Style with a <style> block and CSS custom properties in <head>. Use a system
font stack — a CDN font link makes the file dependent on the network it was
supposed to survive without.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 11d ago First seen · 43 lines · 34 tokens per session scan A caf07084cef9
architecture-diagrams is a skill published in the GitHub repository juspay/xyne-spaces (143 stars, last pushed today), licensed Apache-2.0. It adds 34 tokens to every session and 514 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
clone-website
Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases…
brand-identity
Brand strategy and identity design for businesses and products. Use when creating brand guidelines, developing visual identity systems, or defining brand positioning.
graphic-design
Professional graphic design principles for digital and print media. Use when creating visual designs, choosing color palettes, typography, layouts, or providing design feedback.
generic-react-ux-designer
Professional UI/UX design expertise for React applications. Covers design thinking, user psychology (Hick's/Fitts's/Jakob's Law), visual hierarchy, interaction patterns, accessibility, performance-driven design, and design critique. Use when designing features, improving UX, solving user problems, or conducting design…
guizang-ppt-skill
A generator for presentation decks delivered as a single HTML file that runs in a web browser. It provides magazine-style and Swiss-style visual templates for swipeable presentations.
frontend-enhancer
This skill should be used when enhancing the visual design and aesthetics of web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. REQUIRES ui-research skill first. Use this skill for tasks like improving styling, creating responsive designs…