HTML artifacts

Design one-off HTML artifacts (landing, deck, prototype). An agent skill from mateaix/mateclaw.

mateaix/mateclaw

Exports an OpenCode session from its local database into a single self-contained HTML page styled like the official share view, with folding and editing controls.

nigo81/nigo-skills

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

Build and publish a self-contained HTML page to Superset, then answer the comments readers pin to it.

superset-sh/superset

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

To build powerful frontend claude.ai artifacts, follow these steps:

sickn33/agentic-awesome-skills

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

Open plans and HTML artifacts in a local browser canvas where the human annotates elements, chats, and approves or requests changes without leaving the page.

affaan-m/ECC

Convert a LaTeX research paper into a policy brief, 1-page summary, or 5-page summary for a general audience, with factual review and a standalone HTML page for GitHub Pages.

claesbackman/AI-research-feedback

Design a self-contained HTML page that teaches one thing, using space and a single accent instead of boxes and colour.

EpicenterHQ/epicenter

Write new blog articles from scratch optimized for Google rankings and AI citations.

AgriciDaniel/claude-blog

Generates an interactive HTML walkthrough for reviewing code changes.

trailofbits/skills

Plan standalone — populates the Eval Suite Planning & Logging Template from an Agent Vision or plain-English agent description.

microsoft/eval-guide

Extract a real WebGL / WebGPU / Canvas / shader effect from a live webpage (e.g.

nexu-io/motion-anything

Turns an existing implementation plan into a polished self-contained HTML page and opens it in the browser.

HazAT/pi-config

Generate immersive, one-shot single-file HTML websites with embedded CSS and JS.

cafe3310/public-agent-skills

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

Generate beautiful interactive timeline HTML pages from JSON data, with vertical, horizontal, or dual-side layouts, collapsible details, and custom colors.

zebbern/claude-code-guide

LLM-focused workflow for working in this repo: compile Zig, run the orchestrated test runner, consume test-report.json/html artifacts, and discover/debug ConfigFlags.

atopile/atopile

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

HezaoHezao/poirot

Publish substantial implementation, investigation, review, or design reports on a local structured HTML page.

pchalasani/claude-code-tools

Snapshot test email templates using Verify to catch regressions.

Aaronontheweb/dotnet-skills

Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10.

sanqiufong/slides-from-anything

Write new blog articles from scratch optimized for Google rankings and AI citations.

AgriciDaniel/claude-blog

Turn messy user research notes, interviews, support tickets, surveys, and product context into an evidence-backed decision room: a single HTML artifact with an evidence ledger, theme map, confidence…

nexu-io/open-design

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

Sma1lboy/rove

A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…

lintendo/Axhub-Skills

Run the agentless, open-source ScoutSuite tool (via pip install and the scout CLI) against an AWS account to enumerate resources across services, identify misconfigurations, and generate an…

mukul975/Anthropic-Cybersecurity-Skills

Groups similar web pages together and produces an interactive HTML report with clusters of related pages, plus Excel spreadsheets for analysis.

platonai/Browser4

Build a tiny interactive HTML playground only when someone asks to see, play with, or step through a mechanism.

yc-software/qm

Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with…

affaan-m/ECC

Runs the human-verification lane of an agent loop, and proves review happened before work is called done.

alirezarezvani/claude-skills

Converts long-form markdown (specs, RFCs, reports, plans, explainers) into a single-file, lightly-interactive HTML document with sticky TOC, scrollspy, search filter, code-copy buttons, and…

alirezarezvani/claude-skills

Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette…

nexu-io/open-design

Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback, and command palette behavior.

nexu-io/open-design

Create UI mockups at three fidelity levels — ASCII wireframes for quick iteration, standalone HTML mockups for delivery with requirements, and live prototypes for interaction testing.

mvschwarz/openrig

Explain how the code on the current branch works, as an HTML page opened in the browser, written so someone can understand the change and review it.

freekmurze/dotfiles

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth.

alirezarezvani/claude-skills

A skill your agent uses when a user wants to convert any markdown file in their Claude project into a single-file, lightly-interactive HTML — long-form documents (specs, plans, RFCs, reports…

alirezarezvani/claude-skills

Upgrade a coded website to award-tier, editorially-crafted design using fal.ai.

fal-ai-community/skills

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

当用户需要创建复杂的多组件 HTML Artifacts（包含 React、Tailwind CSS、shadcn/ui）时使用。此 Skill 用于需要状态管理、路由或 shadcn/ui 组件的复杂 Artifacts，不适用于简单的单文件 HTML/JSX。

boshi-xixixi/TraeSkill

A skill your agent uses when the user wants to replay a Claude Code session from a GitHub Actions artifact link.

fullsend-ai/fullsend

A skill your agent uses when auditing page metadata or generating SEO-optimized titles.

thedaviddias/Front-End-Checklist

A skill your agent uses when applies to all HTML pages. An agent skill from thedaviddias/Front-End-Checklist.

thedaviddias/Front-End-Checklist

A skill your agent uses when applies to all HTML pages. An agent skill from thedaviddias/Front-End-Checklist.

thedaviddias/Front-End-Checklist