Best HTML artifacts skills, page 5

Produce a mock-audit storyboard — a single HTML page embedding related UX surfaces side-by-side, with per-mock audit checklists, a flow diagram, and gap cards for missing mocks.

citypaul/.dotfiles

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

NousResearch/hermes-agent

Visualize biological networks (PPI, gene-regulatory, co-expression, pathway) with layout algorithm choice (ForceAtlas2, Fruchterman-Reingold, Kamada-Kawai, hive plots), edge bundling…

GPTomics/bioSkills

Creates sashimi-style plots showing RNA-seq read coverage and splice junction counts using ggsashimi (general-purpose, condition-grouped overlays), rmats2sashimiplot (rMATS-output-aware)…

GPTomics/bioSkills

Generate publication-quality visualizations for 3DGS research: radar charts, comparison tables, method timelines.

jaccen/Awesome-Gaussian-Skills

Single self-contained file that works offline. An agent skill from asgeirtj/system_prompts_leaks.

asgeirtj/system_prompts_leaks

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

modu-ai/moai-adk

Generate a hands-on QA testing guide as a self-contained HTML page — for Rails apps or static (Hugo) sites.

joshukraine/dotfiles

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

HezaoHezao/poirot

Turns a brief, script, scene breakdown, treatment, or story idea into ONE connected director's shotlist for Seedance 2.0 — a single editable HTML artifact with a global Style Prefix, an @-asset…

OSideMedia/higgsfield-ai-prompt-skill

Build and verify interactive HTML experiences in Web Studio's live, sandboxed preview.

autonomous-ai/openharness

Edit drafts into sharper, more human writing while preserving the writer's personal voice, or detect AI-slop patterns without rewriting.

huytieu/COG-second-brain

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

nexu-io/open-design

Build complex claude.ai HTML artifacts with React and Tailwind.

nexu-io/open-design

A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for…

majiayu000/spellbook

Produces the reader-facing HTML artifact — report, dashboard, architecture view, data browser, or review workbench — evidence-backed, browser-verified.

daymade/claude-code-skills

Follow-up design polish skill inspired by Impeccable. An agent skill from nexu-io/open-design.

nexu-io/open-design

Extract visual effects, animation systems, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable OpenDesign web artifact.

nexu-io/open-design

Upgrade LLM outputs from plain text to structured, rendered formats like HTML, Marp slides, or interactive dashboards.

LearnPrompt/andrej-karpathy-skills

In the current Minis environment, automatically convert text descriptions into a single-file HTML generator similar to Claude Artifact, with unified support for outputs such as cards, tables…

OpenMinis/MinisSkills

Suite of tools for creating elaborate, multi-component claude.ai HTML artefacts using modern frontend web technologies (React 19, Tailwind CSS v4, shadcn/ui).

sammcj/agentic-coding

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling.

w95/awesome-claude-corporate-skills

Call Claude from your HTML artifacts via window.claude.complete

asgeirtj/system_prompts_leaks

Generate self-contained HTML pages that visually explain technical material — systems, code changes, plans, data.

NikiforovAll/claude-code-rules

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

mingchen666/Reviva

Generate single-file HTML animations that teach network protocols and packet flow.

mingchen666/Reviva

A pattern for adding a self-narrating (typed out) guided walkthrough to any HTML/web application.

sammcj/agentic-coding

TRIGGER when user asks to add or modify a web handler, HTML page, file download, or raw HTTP endpoint that works with http.ResponseWriter/http.Request.

microbus-io/fabric

Auto-annotate plasmids with features (promoters, terminators, resistance, origins, tags, fluorescent proteins) via BLAST against curated DBs (Addgene, fpbase, SnapGene).

jaechang-hits/SciAgent-Skills

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.

majiayu000/claude-skill-registry

Analyze a Claude Code session for "wrong-turn" moments (corrections, retries, waste, reversals, dead-ends) and produce an interactive HTML dashboard with copy-able recommendations (CLAUDE.md rules…

NikiforovAll/claude-code-rules

Frontend: UI design, distinctive visual styles, HTML artifacts, Three.js 3D.

notque/vexjoy-agent

Create Tufte-inspired data reports and infographic dashboards as standalone HTML files.

glebis/claude-skills

Build an interactive visual course as one self-contained HTML page, one idea per screen.

forefy/.context

Analyze every tracked creator video published in the rolling 24-hour window ending at the latest successful Feishu local sync, using the complete mirrored readable transcript plus current metrics…

dragon-hh/ai-boshu-crawler

Analyze every tracked creator video published in the rolling 72-hour window ending at the newest successful Feishu local sync, using complete readable transcripts, reusable video profiles, current…

dragon-hh/ai-boshu-crawler

Analyze every tracked creator video published in the rolling 168-hour window ending at the newest successful Feishu local sync, using complete readable transcripts, reusable video profiles, current…

dragon-hh/ai-boshu-crawler

Fan out MANY candidate interactive concepts from the data + narrative — the ideation pool the Editor curates a hero + supporting set from.

QinghongLin/data2story-skill

Transform audit data, performance reports, and structured analyses into polished visual deliverables.

thatrebeccarae/claude-marketing

Create polished HTML technical reports and multi-page documents for consulting deliverables.

thatrebeccarae/claude-marketing

Generate technical architecture diagrams, pipeline flows, layer/stack diagrams, and system illustrations as standalone HTML files.

thatrebeccarae/claude-marketing

Picks the form that explains best and applies the house explanation style: plain prose, controlled English modelled on ASD-STE100, a diagram, an interactive HTML page, or a narrated explainer video.

mblode/agent-skills

A skill your agent uses whenever the user wants visual learning for data structures, algorithms, trees, graphs, sorting, searching, hashing, recursion, complexity analysis, 408 data structure…

mingchen666/Reviva

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Generate a daily briefing dashboard that pulls calendar, email, and news into one interactive HTML page.

TheCraigHewitt/skills

Generate an interactive HTML diagram of the user's business systems, workflows, or tooling — showing how everything connects, where data flows, which AI agents / scheduled tasks run when, and how…

TheCraigHewitt/skills

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

sammcj/agentic-coding

Renders planned changes — architecture and before/after comparisons, risk heat maps, execution order, dependency graphs, impact metrics — in your chosen output format (ASCII + emojis, an interactive…

yonatangross/orchestkit