html-visual

Q: How to install html-visual?

Add a marketplace: /plugin marketplace add . Then add the config to /plugin install html-visual@ . Finally, /plugin in Claude Code.

Q: What is html-visual best for?

html-visual is categorized under General.

New

8Community RegistryGeneralby 2ykwang

Generate an interactive single-file HTML visualization (mockup, wireframe, ERD, flowchart, chart, slides, architecture diagram, dashboard, timeline, mindmap, kanban, table).

First seen 5/22/2026

View Source

Overview

Installation

•Skills CLI: npx skills add 2ykwang/agent-skills
•Plugin Marketplace: claude plugin marketplace add 2ykwang/agent-skills

Skill
code-history	Trace git history of specific code — find when functions, patterns, or files were added, modified, or removed, and explain the intent behind each change.
`npx skills add 2ykwang/agent-skills --skill code-history`
`claude plugin install code-history@2ykwang-agent-skills`
code-review-report	Turn code changes into a single-file HTML code review report — the diff plus context a diff can't show: design decisions, tradeoffs, unfinished work, and prioritized review points.
`npx skills add 2ykwang/agent-skills --skill code-review-report`
`claude plugin install code-review-report@2ykwang-agent-skills`
decision-board	Render an interactive HTML board for the user to pick among many comparable options with previews side-by-side. Returns picks as a JSON file the agent can apply directly.
`npx skills add 2ykwang/agent-skills --skill decision-board`
`claude plugin install decision-board@2ykwang-agent-skills`
docs	Code documentation agent — write/update docs with /docs write, check status with /docs check. Minimal code blocks, reference pointer based.
`npx skills add 2ykwang/agent-skills --skill docs`
`claude plugin install docs@2ykwang-agent-skills`
github-create-issue	File a GitHub issue maintainers can actually act on — verified, not a duplicate, follows repo conventions (template/label/prefix), and previewed before publishing. Use when reporting a known problem.
`npx skills add 2ykwang/agent-skills --skill github-create-issue`
`claude plugin install github-create-issue@2ykwang-agent-skills`
github-review-check-duplicate	Check if a GitHub issue is a duplicate and find related issues and PRs.
`npx skills add 2ykwang/agent-skills --skill github-review-check-duplicate`
`claude plugin install github-review-check-duplicate@2ykwang-agent-skills`
github-review-issue	Analyze a GitHub issue and provide a structured summary with next-action assessment.
`npx skills add 2ykwang/agent-skills --skill github-review-issue`
`claude plugin install github-review-issue@2ykwang-agent-skills`
github-review-pr	Analyze a GitHub pull request and produce a review report covering changes, review status, and code quality.
`npx skills add 2ykwang/agent-skills --skill github-review-pr`
`claude plugin install github-review-pr@2ykwang-agent-skills`
django-ticket-triage	Analyze a Django Trac ticket and produce a triage recommendation report.
`npx skills add 2ykwang/agent-skills --skill django-ticket-triage`
`claude plugin install django-ticket-triage@2ykwang-agent-skills`
html-visual	Generate interactive single-file HTML visualizations — UI mockups, ERDs, flowcharts, data charts.
`npx skills add 2ykwang/agent-skills --skill html-visual`
`claude plugin install html-visual@2ykwang-agent-skills`
ralph-loop-template	Generate Ralph Loop iteration checklists from plan files. Creates `PROMPT-*.md` files ready for `/ralph-loop`.
`npx skills add 2ykwang/agent-skills --skill ralph-loop-template`
`claude plugin install ralph-loop-template@2ykwang-agent-skills`
quick-pr	Split a minor change from the current work into a separate worktree and open a PR without interrupting your flow. Requires Claude Code.
`npx skills add 2ykwang/agent-skills --skill quick-pr`
`claude plugin install quick-pr@2ykwang-agent-skills`
write-pr	Analyzes git diff and commit history to write PR title and description based on the project's PR template.
`npx skills add 2ykwang/agent-skills --skill write-pr`
`claude plugin install write-pr@2ykwang-agent-skills`

Install & Usage

Add a marketplace

/plugin marketplace add <org/repo>

Install the plugin

Add the configuration to /plugin install html-visual@<marketplace>

Manage with /plugin

/plugin

View source on GitHub

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is html-visual?

Generate an interactive single-file HTML visualization (mockup, wireframe, ERD, flowchart, chart, slides, architecture diagram, dashboard, timeline, mindmap, kanban, table).

How to install html-visual?

To install html-visual: add a marketplace (/plugin marketplace add <org/repo>), then add the config to /plugin install html-visual@<marketplace>. Finally, /plugin in Claude Code.

What is html-visual best for?

html-visual is a plugin categorized under General. Created by 2ykwang.