Agent Skills·Tag ·html
Tag · 1,125 skills

Agent skills tagged html

1,125 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 1,125 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——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家(UX/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索…
claude-codehtmlprototypehi-fi
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
Design
huashu-design
HTML-based hi-fi design — prototypes, slides, animations, variant exploration, design direction consulting, expert review. **NOT for Facebook/Instagram ad creatives — use `image-ad…
claude-codehtmlprototypehi-fi
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
Content
web-slides
Transforms outlines or raw material into click-driven 16:9 HTML slides for live presentation. Generates an outline and dev plan, then builds one full-screen step per click with opt…
claude-codecodexcursorgemini-clislideshtmlpresentation
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
Web
raport-sytuacyjny-v2
Interactive situational report widget rendered inline with vanilla JS/HTML. Provides case chronology with source verification, P1/P2/P3 risk mapping, contradictions and evidence ga…
claude-codecodexcursorgemini-clivanilla-jshtmlrisk-mapping
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
write-frontend
Enforces frontend conventions for browser-facing code: semantic HTML, accessible CSS, strict TypeScript, security hardening, performance, state boundaries, dependency rules, and St…
claude-codecodexcursorgemini-clilang:typescriptfrontendtypescript
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
Testing
ultra11y
Audit HTML/CSS/JSX against WCAG 2.2 AA, outputting a dated conformance report, or generate and review accessible markup with native elements first. Runs 60 static checks for alt te…
claude-codecodexcursorgemini-clitype:audittype:reviewaccessibility
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
html-line-svg
Transforms text, screenshots, sketches, or existing HTML diagrams into accessible, responsive inline SVGs with clear teaching semantics; supports dense relationship diagrams via Me…
claude-codecodexcursorgemini-clisvghtmlmermaid
Security
break-filter-js-from-html
Guidance for bypassing HTML/JavaScript sanitization filters in security testing. Use when finding XSS filter bypasses, testing HTML sanitizers, or exploiting parser differentials b…
claude-codecodexcursorgemini-clilang:javascriptxsssanitization
Design
coco-diagram
Generates branded architecture, process, data, and security diagrams as HTML, SVG, or PNG. Supports flowchart, sequence, ER, Gantt, swimlane, org chart, Venn, timeline, radar, and …
claude-codecodexcursorgemini-clitype:integrationdiagramsarchitecture
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
Content
presentation-builder-prompter
Builds interactive single-file HTML presentations via DeckSpec pipeline: brief, claim spine, slide roles, content blocks, layout contracts, Master Prompt artifact, HTML deck, and Q…
claude-codecodexcursorgemini-clitype:reviewpresentationshtml
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
csc134-canvas-compositor
Transforms Markdown into sanitizer-safe, inline-styled HTML following the CSC 134 house style, then decides whether to deliver the result as a Canvas page, PDF, or standalone file.…
claude-codecodexcursorgemini-climarkdownhtmlcanvas
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
Documentation
tgd-wiki-generation
Generates a standalone HTML wiki and Markdown docs tree from CodeGraph and Understand-Anything outputs. Produces a fixed DeepWiki-style structure (home, overview, architecture, mod…
claude-codecodexcursorgemini-clilang:pythonwikimarkdown
Documentation
md-to-doc
Converts any Markdown tree (docs/, ADRs, specs) into a single self-contained HTML file with cover and TOC; images are embedded as data URIs. Optional layers add syntax highlighting…
claude-codecodexcursorgemini-clilang:pythonmarkdownhtml
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
Design
instant-ui
Generates BenAI-branded HTML pages in the neo-brutalist instant-ui style—cream background, 3px borders, gradient stripe, system fonts—using a fixed token set and 20-component libra…
claude-codecodexcursorgemini-clihtmlneo-brutalistui
Content
moai-domain-html-report
Renders Markdown into a self-contained single-file HTML report. Supports six report types and three audience tiers, with tier-specific enrichment via Mermaid diagrams, examples, an…
claude-codecodexcursorgemini-climarkdownhtmlreport
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
deck-builder
Builds polished, on-brand decks as self-contained HTML (1920×1080) or PowerPoint .pptx, applying consistent layout rules, a 34-model design system, and geometry validation for alig…
claude-codecodexcursorgemini-clideckshtmlpptx
Web
ai-platform-demo
Creates a fully functional single-file HTML SaaS demo for customer-specific AI and App Platform operations, using a fixed 8-route structure and soft-dark GitHub Primer styling. Des…
claude-codecodexcursorgemini-clihtmlsaasdemo
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
Productivity
zan-html-to-ppt
把 guizang-ppt-skill 生成的 HTML 横向翻页 deck 转成 deck.pdf 和 deck.pptx,供线下演讲、加速器/评委上传、印刷等场子使用。**只要用户提到 HTML deck 转 PPT、deck 导出 PowerPoint、网页 PPT 转 pptx、HTML 转 PowerPoint、把幻灯片/演讲材料/演示文件做成离线…
claude-codecodexcursorgemini-clihtmlpptxpdf

Showing the top 60 of 1,125. See the full list →