HTML artifacts

Turn any document, proposal, report, or outline into a stunning single-file HTML presentation using 34 pre-built professional templates.

hamzafarooq/claude-code-starter

Generate an interactive PR review walkthrough as an HTML page.

cursor/plugins

Creates a text-only engineering implementation plan as a single self-contained HTML page saved to specs/<name.html — the plan authored directly in styled HTML plus a freeform HTML zone where the…

disler/pi-agent-observability

Produce a short motion-graphics video ad — a 15s Facebook/Instagram/TikTok spot — as a rendered MP4.

fabricioctelles/skills

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

tellahq/opensession

Turn concepts into static HTML visuals exported as PNG or SVG files via HTML/CSS/SVG.

Mathews-Tom/armory

Builds and revises polished offline HTML reports, landing pages, infographics and interactive visualizations as a single file, with viewport QA before delivery.

SourceWeft/SourceWeft

Builds polished browser-rendered HTML, CSS, JavaScript and React pages, dashboards, prototypes and slide decks, aiming for a stunning rather than merely functional result.

ConardLi/garden-skills

A skill your agent uses when the user asks for a rich explanation of a code change, diff, branch, or PR.

sendou-ink/sendou.ink

Generate a self-contained, beautifully styled HTML analysis of an academic paper.

ysyecust/lecture-to-notes

Builds a self-contained HTML digest of AI and agent news pulled from chosen X accounts through the official X MCP server, grouped into categories like Coding Agents and Agent Research.

dair-ai/dair-academy-plugins

Builds slide decks as static HTML files from a token-based design system, with themes, layouts, animations and a presenter mode.

nexu-io/open-design

Builds self-contained single-file HTML pages such as reports, decks, postmortems, flowcharts and prototypes from a small spec using a bundled Python composer and templates.

oaustegard/claude-skills

Generate beautiful, high-resolution mindmaps from Markdown unordered lists.

ai4s-research/ai4s-skills

The house standard for any skill that renders an HTML page for a person to read, covering design tokens, typography, components, diagrams, and quality gates so every generated page shares one calm…

greenfield-inc/Pane

用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

LeastBit/Claude_skills_zh-CN

Check an HTML page for missing alt text, low contrast, unlabeled inputs and heading order.

zhuyansen/agent-skills-hub

3Dmol.js WebGL molecular visualization emitted as self-contained HTML.

jaechang-hits/SciAgent-Skills

HTML docs domain (octo-doc) — create and govern self-contained interactive HTML documents, immutable versions, drafts, sharing, media, comments, and agent element edits.

Mininglamp-OSS/octo-cli

Takes a plain-language dashboard request through brand setup, data exploration, planning, an interactive HTML mock and a Tableau implementation spec.

Kilo-Org/kilo-marketplace

Builds a 3D model of a real room from a few phone photos, with movable furniture layouts, as one Three.js HTML page you can open in a browser.

SkylarKitchen/skills

社媒矩阵数据追踪面板模板（Social Media Matrix Tracker）. An agent skill from nexu-io/open-design.

nexu-io/open-design

Render study flashcards into an interactive HTML deck. An agent skill from serenakeyitan/open-exam-skills.

serenakeyitan/open-exam-skills

Convert markdown to a beautifully styled, shareable HTML page and upload to S3-compatible storage

alexknowshtml/claude-skills

Builds a self-contained multi-lesson course page with lesson navigation, objectives, flashcards, quizzes and source links, as plain HTML, CSS and JavaScript.

dair-ai/dair-academy-plugins

Design and generate concept-first learning artifacts: concept cards, visual explanations, diagrams, interactive HTML demos, Manim/math visualizations, matplotlib scientific plots, misconception…

mingchen666/Reviva

Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to…

sanqiufong/slides-from-anything

Build a wizard-style HTML page that teaches how and why a change works.

will-ness-ai/skills

Convert uncertain real-world choices into an auditable Bayesian evidence-to-action report with priors, evidence grading, posterior update, action thresholds, sensitivity checks, multi-turn decision…

yaojingang/yao-open-skills

Explain test code changes as a side-by-side HTML page — real test code on the left, a short note on the right saying which case that code covers.

meain/dotfiles

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

Turn complex or visual agent responses into rich, reviewable HTML artifacts the user can annotate and send feedback on, using the lavish-axi CLI.

layer5io/sistent

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

Build deterministic, verifiable data visualizations with D3.js (v6).

benchflow-ai/skillsbench

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

Builds and publishes a tabbed status page for a project with several workstreams, kept current by refreshing the same private page.

anthropics/claude-plugins-official

Produces one self-contained HTML and Tailwind mockup for UI inspiration, with detailed rules on fonts, icons, dark versus light mode and chart handling.

JayZeeDesign/awesome-claude-skills

Generate a branded HTML artifact from Egregore data (quest, handoff, activity, board, network, or any document) and open it in the browser.

egregore-labs/egregore

Turn an interpretive-ambiguity audit of a legal text — contract, statute, regulation, or judicial opinion — into a polished deliverable.

lawve-ai/awesome-legal-skills

Builds a self-contained HTML page (chart, table, diagram, dashboard) to show inline in a thread.

code-yeongyu/oh-my-openagent

Renders a calm, single-page HTML morning brief from your connected calendar, email and chat, or sets it up to run automatically on weekdays.

asgeirtj/system_prompts_leaks

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

suyuan2022/suyuan-skill

Analyze historical downtrend durations and generate interactive HTML histograms showing typical correction lengths by sector and market cap.

tradermonty/claude-trading-skills

Guides building standards-based Preact apps with native-first choices, HTM syntax, import maps and vendored ESM, from single-file demos to larger builds.

oaustegard/claude-skills

Writes a self-contained HTML companion beside a PRP plan or review that shows the diagram, steps, risks, verdict and findings, each item with a stable id.

Wirasm/prp

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 for single-file HTML engineering reports and deep dives — two-column sticky-TOC layout, green-accented semantic color coding, timeline step lists, code-anchored prose.

ahmetb/dotfiles