Development · HTML artifacts

Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.

tt-a1i/archify

Create self-contained interactive HTML code-review dashboards from GitHub or GitLab pull requests, checked-out branch diffs, or supplied unified diffs, with correctness and safe-to-merge scores…

ai-dynamo/dynamo

Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.

Unclecheng-li/AI_Animation

Plan Mode の <proposedplan を出す直前に、計画の段階・依存関係・検証観点を一時HTMLで視覚確認したい時に使う agent-internal skill。Use this agent-internal skill to create a temporary HTML preview for a plan just before presenting…

u-ichi/reviewable-html-workbench

Generate a single-file HTML walkthrough that explains a PR's purpose, user impact, interface changes, compatibility risks, and implementation.

kdlbs/kandev

Builds a local architecture wiki for a repository from the CodexQA symbol graph (no model needed): modules, who calls whom and how often, reading paths, and one self-contained HTML page.

openqa-cn/codexqa

A skill your agent uses when asked to explain a topic, codebase, process, or document in a specific output format — plain language or Simplified Technical English (STE, in the style of ASD-STE100…

koolamusic/claudefiles

Generate, modify, and render professional README.md files and project introduction HTML pages using the bundled README Generator Pro FastAPI application.

beizhi23/README-Generator-Pro

Create an interactive HTML preview of any proposal, plan, idea, doc, brief, or spec and land it in the browsable local Preview Library by default (opens under file:// with a catalog sidebar and…

hanamizuki/solopreneur

Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.

tellahq/opensession

Generate an interactive PR review walkthrough as an HTML page.

cursor/plugins

A skill your agent uses when creating an approachable, self-contained HTML review aid for a pull request; explaining what changed, why it matters, how it works, and how it fits into the broader…

mastra-ai/mastra

Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.

mirumee/nimara-ecommerce

A skill your agent uses when turning a requirement, spec, or feature brief into a single self-contained HTML design document in a fixed house style — one styled HTML page with a table-of-contents…

smallnest/goal-workflow

Turns the current session's code changes into a Markdown walkthrough shown in a native Glimpse window, with highlighted code, rendered diffs and review feedback.

cashew-labs/libretto

What Is This — explain anything as a picture-first HTML page.

suyuan2022/suyuan-skill

Analyze a Mobius project repository and generate a single-file HTML/SVG architecture diagram at .imac/generatedfigures/arch.html, with optional image fallbacks.

mobius-system/mobius

Design system and templates for Claude's built-in generative UI — the showwidget tool that renders interactive HTML/SVG widgets inline in claude.ai conversations.

himself65/finance-skills

Diagram design reference library (14 types — architecture, flowchart, sequence, state, ER, timeline, swimlane, quadrant, nested, tree, org chart, layers, venn, pyramid).

byungjunjang/slide-master

Writes a self-contained HTML page beside a PRP plan or review that shows the diagram, steps, risks or findings, with a stable id on every item.

Wirasm/prp

Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual language with 9 semantic color ramps, sentence-case typography, and automatic dark…

Tommy-yw/RunbookHermes

Generate a Plan Brief HTML for non-engineer vibecoders before implementation starts.

Chachamaru127/claude-code-harness

Generate a Progress Tracker HTML for non-engineer vibecoders to glance at session progress (cc:WIP / cc:TODO / cc:完了 counts, percentage, elapsed/estimated minutes, cost so far/estimate, drift alerts).

Chachamaru127/claude-code-harness

Minimal SVG diagrams as standalone HTML files. An agent skill from HezaoHezao/poirot.

HezaoHezao/poirot

Render Rove's recent releases as a self-contained, Rove-styled HTML page (Chinese by default).

Sma1lboy/rove

Create technical and product diagrams — architecture, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, nested, tree, org chart, layer stack, venn, pyramid — as…

ninehills/skills

Validated interactive HTML diagrams, upstream-maintained. An agent skill from NousResearch/hermes-agent.

NousResearch/hermes-agent

Markdown-to-single-file-HTML report renderer. An agent skill from modu-ai/moai-adk.

modu-ai/moai-adk

Generate single-file HTML visual explanations for learning and review.

mingchen666/Reviva

Reference gallery of polished single-file HTML artifacts demonstrating effective ways to communicate ideas through HTML.

sammcj/agentic-coding

Use HTMLHint in .NET repositories that ship static HTML output or standalone frontend templates.

managedcode/dotnet-skills

Generate polished dark-themed architecture diagrams as standalone HTML files with inline SVG, semantic system grouping, and readable connection flows.

CoWork-OS/CoWork-OS

결정론적(no-LLM) 디자인 안티패턴 린터. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace