Agent Skills·Tag ·html
Tag · 925 skills

Agent skills tagged html

925 SKILL.md skills tagged html — the most complete ones are below, all usable across Hermes, Cursor, Codex, Gemini CLI, OpenCode, Claude Code and 30+ more agents.

Browse all 925 html skills →

Design
harness-design
用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介,根据任务embody不同专家(UX设计师/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、p…
claude-codehtmlprototypedesign
Design
huashu-design
花叔Design(Huashu-Design)——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介,根据任务embody不同专家(UX设计师/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、设计Demo、交互原型、HTML演示、动画Demo…
claude-codehtmlprototypedesign
Design
huashu-design
花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家(UX/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索…
claude-codehtmlprototypeanimation
Design
huashu-design
花叔Design(Huashu-Design)——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介,根据任务embody不同专家(UX设计师/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、设计Demo、交互原型、HTML演示、动画Demo…
claude-codehtmlprototypedesign
Design
huashu-design
花叔Design(Huashu-Design)——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介,根据任务embody不同专家(UX设计师/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、设计Demo、交互原型、HTML演示、动画Demo…
claude-codehtmlprototypedesign
Web
web-api-docs
Canonical web-platform reference — HTML, CSS, JavaScript, DOM/Web APIs, HTTP, SVG, MathML, ARIA, WebAssembly, glossary — fetched from github.com/mdn/content. Auto-activates wheneve…
claude-codecodexcursorgemini-cliweb-apishtmlcss
Content
quiz-gen
Convert any user-provided question bank file (docx / pdf / txt / md / xlsx / csv) into a self-contained, single-file HTML quiz application. Supports 5 question types (single/multi/…
claude-codequizhtmleducation
Content
presentacion-sener
Genera una presentación HTML institucional SENER (full screen, 16:9, modo presentación) a partir de una liga publicada de Google Sheets (CSV/TSV). Incluye portada con logos Gobiern…
claude-codecodexcursorgemini-clipresentationhtmlgovernment
Design
ifq-design-skills
Use this skill whenever the user asks for an HTML-first visual design deliverable or design judgment: interactive prototype, slide deck, motion demo, infographic, dashboard, landin…
claude-codecodexcursorgemini-clihtmldesignprototype
Research
paper-reading
Read one or more research papers (PDF / arXiv link / title) and produce in-depth Chinese explainer reports as standalone HTML files — covering intro, motivation, related-work linea…
claude-codepaperarxivexplainer
Design
huashu-design
花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家(UX/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个…
claude-codecodexcursorgemini-clihtmlprototypedesign
Productivity
mindlink
Generate a beautifully designed interactive HTML wizard, publish it to a fresh URL (default — here.now; fallbacks include Tailscale, Cloudflare, file://), capture structured answer…
claude-codehtmlwizardinteractive
Web
artifact-builder
Build interactive HTML artifacts for the Telegram Mini App. Use for ANYTHING that benefits from being visual/interactive: recipes (with portion calculators), shopping lists (with l…
claude-codecodexcursorgemini-clitelegramhtmlinteractive
Content
adaptive-html-final
Transforms multi-format inputs (URLs, PDFs, text, images, notes, docs, drafts, SKILL.md packages) into polished Korean HTML learning assets, expert reports, articles, educational m…
claude-codecodexcursorgemini-clihtmlkoreancontent
Web
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applicat…
claude-codecodexcursorgemini-clifrontendreacthtml
Productivity
html2md
Convert HTML pages to clean, agent-friendly markdown using Readability + Turndown. Strips navigation, ads, footers, cookie banners, social CTAs. Supports URL fetch, local files, st…
claude-codehtmlmarkdownreadability
Documentation
ultra-explainer
Produces self-contained HTML explainers for code, systems, diffs, plans, data, and concepts. Renders architecture graphs, PR reviews, dashboards, comparison tables, and interactive…
claude-codecodexcursorgemini-clilang:javascripttype:audittype:review
Content
spiral-html
HTML-first version of Spiral's structural-disciplined scaffolding: builds GDD tree, coverage significant ledgers, Playtest Gate, open-question tracking, progress logging, contract …
claude-codecodexcursorgemini-clitype:audittype:generatorhtml
Web
html-skills-listen
Sets up a per-session local receiver and Monitor for interactive HTML artifacts so user submissions arrive as session notifications. Other HTML skills invoke this from their pre-fl…
claude-codecodexcursorgemini-clilang:pythonhtmlwebsocket
Design
html-ppt-zhangzara-sakura-chroma
Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes. Fits vintage Japanese cassette or TDK/Sony/Sakur…
claude-codecodexcursorgemini-clihtmlpresentationcss
Design
design-lint
Deterministic (no-LLM) design anti-pattern linter. Scans rendered HTML/CSS or live URLs against DESIGN-TOKENS.md to flag token hygiene, color/font/spacing consistency, and AI-defau…
claude-codecodexcursorgemini-clilintdesign-tokenscss
Content
hyperframes
Build video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Handles synced subtitles, text…
claude-codecodexcursorgemini-clivideoanimationhtml
Productivity
dz-progress-dashboard
Generates and auto-updates an HTML dashboard to visualize multi-step task progress. Tracks task lists with percentage-based completion, preserves aesthetics via marker substitution…
claude-codecodexcursorgemini-clidashboardhtmlprogress
Web
genie-render
Render a generated Genie Learning course as an interactive HTML bundle (index.html + assets/style.css + assets/app.js, Vue 3 + Tailwind via CDN, Notion-styled). The output lets a l…
claude-codecodexcursorgemini-clitool:notionvuehtml
General
education-learning-material
Generates standalone HTML learning modules from research, structuring content as learning objectives, key concepts, diagrams, examples, and review sections. Produces self-contained…
claude-codecodexcursorgemini-clilearninghtmlmodules
Business
regulatory-deal-card-generator-patrick-munro
Generates standalone interactive HTML deal cards that convert complex regulations into negotiation-ready reference tools, clearly separating mandatory obligations from negotiable i…
claude-codecodexcursorgemini-clitype:generatorcomplianceregulatory
Design
design-email
Design and implement transactional and marketing email templates across React Email, MJML, or HTML. Detects mail providers and delivery setup, then builds mobile-first layouts with…
claude-codecodexcursorgemini-clicloud:awstype:reviewemail
Content
opendeck
Create animated, narrated HTML presentation decks with step-by-step reveals, tooltips, thumbnail navigation, fullscreen mode, and print-to-PDF export. Generate in-browser AI voice …
claude-codecodexcursorgemini-clipresentationhtmlslides
Design
html-ppt-zhangzara-long-table
Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons. Ideal for hospitality, community brands, sup…
claude-codecodexcursorgemini-clilang:rusthtmlpresentation
Design
deckify
Analyzes a reference URL and outputs a complete HTML-slide Design System markdown file. Extracts palette, typography, logo, and mood, then applies engineering constraints (1280×720…
claude-codecodexcursorgemini-clislidesdesign-systemhtml
Web
Accessibility Lead
Accessibility team lead and orchestrator. Use on every task involving web UI code, HTML, JSX, CSS, React components, web pages, or user-facing web content. Coordinates the accessib…
claude-codecodexcursorgemini-clitype:reviewaccessibilityweb
Web
raweb-code
Build accessible HTML, CSS, and JavaScript that meets RAWeb 1.1 requirements. Applies to interfaces, components, forms, and navigation needing Luxembourg accessibility compliance. …
claude-codecodexcursorgemini-clilang:javascriptaccessibilityraweb
Data
bio-data-visualization-interactive-visualization
Build interactive HTML visualizations with Plotly (Python/R), Bokeh, and gganimate for animations, accounting for Kaleido static exports, file-size considerations, and journal subm…
claude-codecodexcursorgemini-clivisualizationplotlybokeh
Web
construieste-website
Builds and customizes a public website or online store: pages, components, HTML/CSS, category hierarchy, faceted filters, hero, footer, legal pages, announcements, logo, promotions…
claude-codecodexcursorgemini-cliwebsiteecommercehtml
Content
huashu-md-html
Converts between Markdown, HTML, DOCX, and other formats via Pandoc, Markitdown, and python-docx. Supports file-to-MD extraction, template-driven HTML generation with visual design…
claude-codecodexcursorgemini-clilang:pythonmarkdownhtml
Design
bytekite-brand-creatives
Produces BYTE&KITE-branded visuals as standalone HTML/SVG files—social posts, banners, carousels, cards, hero sections—using the black/lime palette, Satoshi/Roboto Mono fonts, and …
claude-codecodexcursorgemini-clihtmlsvgbranding
Content
legal-test-builder-patrick-munro
Builds a self-contained interactive legal assessment as a single HTML file, featuring timed exercises, annotated contract tasks, scenario memos, and hidden model answers with marki…
claude-codecodexcursorgemini-clitype:reviewlegalhtml
Data
exit-survey-theme-analyzer
Extracts themes, sentiment, and signals from open-ended exit interview and engagement survey responses. Ranks themes by frequency, classifies sentiment, provides representative ano…
claude-codecodexcursorgemini-cliexitsurveysthemes
Productivity
html-thinking
Visualizes plans, comparisons, diagrams, and reviews as self-contained single-file HTML. Employs tables, SVG, and parallel layouts when they clarify understanding; uses ascii-diagr…
claude-codecodexcursorgemini-clihtmlvisualizationdiagrams
Web
slide-creator
Build zero-dependency browser-native HTML presentations with 21 curated presets, live style previews, inline editing, presenter mode, and optional PPTX export. Routes content types…
claude-codecodexcursorgemini-clitype:reviewhtmlslides
Design
huashu-design
Deliver high-fidelity HTML prototypes, interactive demos, animated presentations, mobile mockups, and visual variants when users need polished visual output. Use for design explora…
claude-codecodexcursorgemini-clihtmlprototypemockup
Content
hps-true-blueprint
Provides a blueprint-themed presentation style: deep-blue fields with white drafting grids, translucent cards, technical ink styling, and drawing-sheet elements like title blocks a…
claude-codecodexcursorgemini-clitype:reviewhtmlcss
Content
jlpt-doan-van-ngan
Generates JLPT short-passage reading comprehension (đoạn văn ngắn / 短文読解) as styled HTML and CSV fine-tuning data. Each passage (80–290 chars) includes one multiple-choice question…
claude-codecodexcursorgemini-cliai:llmjlptjapanese
Web
playground
Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls, see a live preview, and copy out a prompt.…
claude-codecodexcursorgemini-clitype:reviewhtmlinteractive
Content
huashu-sparkline-arc
Generates Duarte-style narrative decks from a Sparkline waveform spec: one oscillating SVG Bézier spans each 1920×1080 slide, with brand orange at turning points, ghosted compariso…
claude-codecodexcursorgemini-clihtmlsvgsparkline
Design
html-ppt-zhangzara-pink-script
Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury. Ideal for nocturnal, intentional, luxe work: fashion brand decks, creator…
claude-codecodexcursorgemini-clihtmlpresentationcss
Content
beautiful-article
Transforms source material (URL, PDF, DOCX, Markdown, text, screenshots) into a single-file, offline-shareable HTML article using semantic components and constrained styling. Follo…
claude-codecodexcursorgemini-clihtmlmarkdownpdf
Design
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can app…
claude-codecodexcursorgemini-clithemesstylingslides
Design
infographic-design
Design polished explanatory graphics as SVG or single-file HTML for summaries, timelines, comparisons, or learning recaps. Invoke on explicit infographic requests or when another s…
claude-codecodexcursorgemini-clitype:reviewinfographicssvg
Web
tab-accordion
Generates or refines tab and accordion UI components for organizing content. Triggers on mentions of tab components, accordions, expandable sections, collapsible content, tabbed in…
claude-codecodexcursorgemini-clitype:generatoruitabs
Content
html-explain
Generate an interactive HTML page that explains a task or provided text in plain language for non-experts or future reference. Includes table of contents, collapsible sections, key…
claude-codecodexcursorgemini-clihtmlexplanationinteractive
Design
html-ppt-zhangzara-soft-editorial
Cormorant Garamond serif on warm paper with sage, blush, and lemon accents. Fits literary, elegant, unhurried tone for editorial features, longform brand stories, gallery and museu…
claude-codecodexcursorgemini-clihtmlpresentationcss
Productivity
html-review
Convert responses (brainstorming, analysis, plans, decisions) into an interactive HTML review page. Includes 👍adopt/🤔question/🔁revise/❌reject buttons, comments, LocalStorage autosa…
claude-codecodexcursorgemini-clitype:reviewhtmlreview
Design
html-ppt-zhangzara-mat
Dark sage canvas with bone paper and burnt-orange accent; mid-century modern with wood undertones. Suited for mid-century, tactile, intentional work: design studio credentials, arc…
claude-codecodexcursorgemini-clihtmlpresentationcss
Design
html-ppt-zhangzara-scatterbrain
Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand and Zilla Slab type stack. Matches designer's whiteboard feel for brainstorms, workshops, creative-agency crede…
claude-codecodexcursorgemini-clitype:reviewhtmlpresentation
Design
structure-visualize
Renders architecture diagrams as self-contained HTML with layered groupings, color-coded nodes, and interactive zoom/pan panels. Accepts designs from conversation, docs, or reposit…
claude-codecodexcursorgemini-cliarchitecturediagramshtml
Design
html-ppt-zhangzara-signal
Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight. Ideal for weighty, considered, institutional work: investor decks, board presentat…
claude-codecodexcursorgemini-clihtmlpresentationcss
Content
huashu-golden-circle
Generates a minimalist Golden Circle diagram (WHY/HOW/WHAT) with warm-white paper, ink, and one gold accent. Pure border-radius concentric circles, Jost labels, Manrope headlines. …
claude-codecodexcursorgemini-clihtmldiagramgolden-circle
Content
magazine-web-ppt
Generates horizontal-swipe webpage PPTs styled as electronic magazines with e-ink aesthetics. Produces single HTML files featuring WebGL fluid backgrounds, serif headings, data cal…
claude-codecodexcursorgemini-clipptwebglpresentation
Web
seo-metadata-audit
Perform a comprehensive SEO metadata audit on any webpage or HTML document using the 10 most important HTML meta tags. Triggers on URL shares, HTML sources, or requests about title…
claude-codecodexcursorgemini-clitype:audittype:reviewseo

Showing the top 60 of 925. See the full list →