Generate interactive HTML diagrams with Mermaid.js for visualizing flows, sequences, architectures, and processes. Use when the user asks to "create a diagram", "visualize the flow", "draw a sequence diagram", "show me how X works", or needs visual documentation of system interactions, workflows, database schemas, or technical processes.
EnglishInterview the user about a rough idea or brief with sharp, non-obvious product and technical questions, then write a concise implementation-ready spec. Use when the user wants to spec something out, develop a vague idea into requirements, or turn a product concept into a detailed plan.
English
AGENT SKILLS ATLASIncludes Mermaid Diagram Generator and Spec Developer V2.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Mermaid Diagram Generator
Generate interactive HTML diagrams with Mermaid.js for visualizing flows, sequences, architectures, and processes. Use when the user asks to "create a diagram", "visualize the flow", "draw a sequence diagram", "show me how X works", or needs visual documentation of system interactions, workflows, database schemas, or technical processes.
Spec Developer V2
Interview the user about a rough idea or brief with sharp, non-obvious product and technical questions, then write a concise implementation-ready spec. Use when the user wants to spec something out, develop a vague idea into requirements, or turn a product concept into a detailed plan.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Mermaid Diagram Generator skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.