Skip to content
Development
Command

/web-diagram

Standalone HTML diagram for any topic

From plugin
claude-code-rules
14216 skills13 agents16 commands3 MCP
> /plugin marketplace add NikiforovAll/claude-code-rules

Command definition

web-diagram.md
description: 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.

@nikiforovall
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.

14227 skills13 agents3 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
142
Star history of NikiforovAll/claude-code-rules on GitHub, a chart by star-history.com

Other commands on claude-code-rules.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command