/web-diagram
Standalone HTML diagram for any topic
$ npx -y skills add NikiforovAll/claude-code-rules --agent claude-codeHow it fires
How this command gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/web-diagram
Context preview
What this command does when you run it.
Standalone HTML diagram for any topic
Command definition
web-diagram.mddescription: Standalone HTML diagram for any topic argument-hint: "[topic] [--style <name>] [--theme light|dark] [--slides|--handbook]" disable-model-invocation: true
Load the visual-explainer skill, then generate an HTML diagram of the topic below. Any `--flags` in it belong to the skill's Arguments table, not to the topic.
Topic: $ARGUMENTS
Follow the visual-explainer skill workflow. Read the reference template and CSS patterns before generating. Pick a distinctive aesthetic that fits the content — vary fonts, palette, and layout style from previous diagrams.
A collection of Claude Code recommendations and practices. Learn practical techniques to enhance your AI-assisted development workflow with Claude Code.
Other commands on claude-code-rules.
- /update-component-reference
description: Add plugin components to the website docs, including component reference pages, plugin index entries, and plugin READMEs argument-hint: Component or plugin to document (e.g., "skill glab", "agent code-reviewer", "plugin handbook-reflect") allowed-tools:
Open command - /version-bump
Bump versions across the monorepo during release process
Open command - /explain
Provide clear explanations of code, concepts, and system behavior with educational clarity
Open command - /five-whys
Use the "Five Whys" root cause analysis technique to deeply understand problems.
Open command - /prompt-generator
Generate effective prompts for Claude 4.5 Sonnet to achieve user-defined outcomes
Open command - /reflect
Create a reflective analysis of the current Claude Code session, focusing on techniques, patterns, lessons learned, and workflow improvements.
Open command