Best HTML artifacts skills for Claude Code, Codex and other agents.

Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

anthropics/skills

Builds animated HTML slide decks that run in the browser with no dependencies, or converts PowerPoint files to the web, starting from visual style previews.

zarazhangrui/frontend-slides

Authors static HTML presentations from a library of themes, layouts and animations, with keyboard navigation, for talks, pitch decks and reports.

lewislulu/html-ppt-skill

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

Generates single-file HTML slide decks with horizontal paging, WebGL backgrounds and a presenter view, in an editorial-magazine style or a Swiss-style layout.

op7418/guizang-ppt-skill

Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.

lobehub/lobehub

Generates single-file HTML charts and full-page reports from real gallery templates, using a grayscale base with optional color presets.

larashero3-dotcom/lieflat-charts

Documents how a single-file HTML slide deck is built: slide markup, the four-level journey bar, navigation and the renumbering rules after edits.

shanraisshan/claude-code-best-practice

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

A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content.

VectifyAI/OpenKB

Publish static HTML pages and asset folders to the Paperclip S3/CloudFront page host.

paperclipai/paperclip

Builds self-contained HTML explainers for plans, pull requests and technical concepts in Plannotator's theme, then opens them in its annotation view.

backnotprop/plannotator

Builds HTML stories where one continuous camera journey advances with page progress, using researched structure, AI stills, Seedance video clips and browser QA.

OpenSenseNova/SenseNova-Skills

Reference for the CSS classes, HTML slide patterns and code-block highlighting spans used in a project's presentation/index.html slide deck.

shanraisshan/claude-code-best-practice

Generate math explanation videos (animated with Manim) and interactive web pages from a user's request.

GordenSun/mathVideoMaker

Shows HTML content such as games, dashboards, visualizations and demos on a connected Brigade node's canvas, using a local canvas host server and a node bridge.

spinabot/brigade

A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /…

VectifyAI/OpenKB

Create, validate, preview, and publish self-contained HTML artifacts.

latitude-dev/latitude-llm

Turn a natural-language financial question into a polished, self-contained HTML report.

refraction-ray/xalpha

Build, review, debug, reverse-engineer data sources for, and package FongMi/WebHome custom homepage single-file HTML.

webhtv/webhtv

Turns popular-science text into an animated slide-style single-page HTML presentation, or restyles it as a flat-UI flowchart, using templates built into the skill.

Unclecheng-li/AI-Animation-Skill

A skill your agent uses when a Solo task or thread should become an interactive, reviewable, self-contained HTML artifact for progress/status, review/decision, or comparison/leaderboard work inside…

solo-agent/solo

Generate a long-form Chinese interview-prep cheat sheet on a specific ML/LLM topic — formulas with derivations, from-scratch PyTorch code, comparison tables, and 25 高频面试题 (L1 必会 / L2 进阶 / L3 顶级 lab).

wanshuiyin/ARIS-in-AI-Offer

This skill should be used when the user wants to visualize data.

stophobia/deerflow2.0-enhanced

Mines a Plannotator archive of denied plans for feedback patterns and prompt improvements, then writes an HTML dashboard report, with a Claude Code fallback.

backnotprop/plannotator

Turn a directory of static HTML pages into a live commenting surface.

paraschopra/make-pages-interactive

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

Convert an academic paper PDF into a publish-ready, self-contained single-page project homepage (a self-contained index.html) — the kind of paper landing page researchers host on GitHub Pages.

QuZhan51496/paper2anything

Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject.

plannotator/effective-html

Use the standalone qiaomu-bento-ppt skill to create or edit qiaomu-style bento presentations as self-contained .bento.html files from briefs, notes, reports, URLs, data, or existing bento decks.

joeseesun/qiaomu-bento-ppt

Builds a browser-based annotation page for reviewing LLM traces one at a time with pass/fail labels, notes and saved results, tailored to your data.

ai-evals-course/evals-skills

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables.

NimaChu/html-design

Turns a URL, PDF, DOCX, Markdown file, text or screenshots into a designed, shareable single-file HTML article through a staged review workflow.

ConardLi/garden-skills

Turn a screen recording of handwriting (or a photo of handwritten text) into a single-file HTML "continuation" — the recording plays, the ink lifts off the page as solid 3D letters, a short animated…

limin112/min-skill

Builds a single-file HTML survey paper on an AI or ML topic from a research bundle the agent curates, with prose and SVG figures written by Kimi K2.6.

dair-ai/dair-academy-plugins

Turns a manuscript into a designed US Letter HTML book with a matching PDF, original cover art and checks that the manuscript text is preserved.

onepixelaway/frontend-textbooks

Converts a complete Markdown PRD or technical design into one verified, static HTML reading page without changing what it says.

owainlewis/blueprint

This skill should be used when comparing two videos to analyze compression results or quality differences.

daymade/claude-code-skills

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

kdlbs/kandev

Generate sdf-js code from a natural-language scene description.

shaun8149/sdf-js

Turns an SVG file or URL into a hand-drawn animation: a standalone preview.html plus a reusable player.js that draws paths first and fills afterward.

shaom/svg-hand-drawn-skill

Create a polished, self-contained, responsive HTML briefing from notes, research, comparisons, plans, or reports.

minorun365/html-share

Turn any podcast transcript into reusable AI judgment assets — structured frameworks, decision checklists, interview talking points, and an optional interactive HTML course.

Cobb04/podcast-to-course

Rebuild visual documents into reliable Markdown by combining text extraction with page or screenshot alignment.

KyrieCheungYep/ky-markdown-rebuilder

Render Codex, Claude Code, OpenClaw, or Pi session JSONL transcripts as a searchable, shareable single-file HTML viewer.

openclaw/agent-skills

Convert long-form Markdown (plan, spec, system design, RFC, runbook, postmortem, brainstorm, notes) into a single self-contained HTML page with Mermaid diagrams, step timelines, callouts, sidebar TOC.

haidang1810/md2html

Render an ARIS Markdown / JSON artifact (IDEAREPORT, AUTOREVIEW, KILLARGUMENT, PAPERPLAN, research-wiki state, etc.) into a single-file HTML view designed for human reading.

wanshuiyin/Auto-claude-code-research-in-sleep