Command
update-component-refer…
description: Add plugin components to the website docs, including component reference pages, plugin index entries, and plugin READMEs argument-hint: Component…
@nikiforovallView CommandDevelopment
Command
/web-diagram
Standalone HTML diagram for any topic
Install
> /plugin marketplace add NikiforovAll/claude-code-rulesHow 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.
Ships withclaude-code-rules
A collection of Claude Code recommendations and practices. Learn practical techniques to enhance your AI-assisted development workflow with Claude Code.
Get the whole plugin
Other commands on claude-code-rules.
@nikiforovallView CommandCommand
Command
Command
explain
Provide clear explanations of code, concepts, and system behavior with educational clarity
@nikiforovallView CommandCommand
five-whys
Use the "Five Whys" root cause analysis technique to deeply understand problems.
@nikiforovallView CommandCommand
prompt-generator
Generate effective prompts for Claude 4.5 Sonnet to achieve user-defined outcomes
@nikiforovallView Command