Agent Skills·Tag ·html
Tag · 509 skills

Agent skills tagged html

509 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 509 html skills →

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
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
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
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
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
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
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
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
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
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
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
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
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
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
Design
html-ppt-zhangzara-monochrome
Ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color. Fits hand-typeset ledger style: user research synthesis, white papers, longform reports, academic…
claude-codecodexcursorgemini-clihtmlpresentationcss
Design
html-ppt-zhangzara-retro-zine
Beige paper with green accent and Bebas Neue + Caveat: a riso-printed zine in HTML form. Matches printed, lo-fi, crafted tone for indie zines, publications, music and arts brands, …
claude-codecodexcursorgemini-clihtmlpresentationcss
Content
html-ppt-hermes-cyber-terminal
Cyber terminal deck with dark #0a0c10 background, 56px grid overlay, CRT scanlines, mint #7ed3a4 headlines, JetBrains Mono, stroke-only charts, and tri-color tags. Ideal for CLI, a…
claude-codecodexcursorgemini-clitype:reviewhtmlpresentations
Design
html-ppt-zhangzara-playful
Sun-warm peach background with Syne display: a friendly indie launch deck. Suited for warm, indie, approachable projects: creator portfolios, indie product launches, lifestyle bran…
claude-codecodexcursorgemini-clihtmlpresentationcss
Web
web-coder
Expert web engineer with deep knowledge of web development, internet protocols, and web standards. Handles HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, security, performance, acces…
claude-codecodexcursorgemini-clilang:javascripthtmlcss
Productivity
generate-paste-kit
Build a one-click copy-paste HTML tool from any vault markdown source. Each block offers Plain and Rich copy options for plain-text fields or rich-text editors. Source format uses …
claude-codecodexcursorgemini-clilang:pythontype:generatorhtml
Design
omd:experiment-gallery
Generates a gallery index.html comparing N brand experiments side-by-side. Each card shows brand name, rating, refinement deltas, scaled preview, and standalone link. Runs after ba…
claude-codecodexcursorgemini-clitype:reviewgalleryexperiments
Business
org-design-assessment
Interactive organizational design maturity assessment based on four pillars and twelve questions. Produces pillar scores, overall maturity classification, and tailored next steps. …
claude-codecodexcursorgemini-cliassessmentmaturitypillars
Design
html-ppt-zhangzara-retro-windows
Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia. Fits knowingly nostalgic projects: retro gaming, Y2K-aesthetic brands, creator portfolios with …
claude-codecodexcursorgemini-clihtmlpresentationcss
Design
html-ppt-zhangzara-pin-and-paper
Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture. Fits hand-crafted, warm, literary projects: qualitative research findings, founder ref…
claude-codecodexcursorgemini-clihtmlpresentationcss
Documentation
htmlspec
Generates a self-contained HTML engineering plan saved to specs/<name>.html, authored in styled HTML with a freeform zone for custom inline HTML/CSS/SVG/JS such as diagrams, toggle…
claude-codecodexcursorgemini-clihtmlengineeringplan
Web
web-scraper-seo
Scrapes and analyzes websites for mockup generation, design extraction, accessibility audits, and SEO analysis. Captures CSS/JS/HTML, design tokens, navigation structures, and gene…
claude-codecodexcursorgemini-clilang:javascripttype:auditscraper
Design
claude-design-card
Generates HTML info cards following Claude/Anthropic design language from text, web pages, or URLs. Supports multiple formats including platform covers, content cards, social share…
claude-codecodexcursorgemini-cliai:claudecardshtml
Design
设计大师
Create high-fidelity prototypes, interactive demos, presentations, animations, and design variants in HTML. Embody roles such as UX designer, animator, or prototype specialist. Val…
claude-codecodexcursorgemini-clitype:reviewhtmlprototypes
Content
html-ppt-xhs-white-editorial
White magazine-style deck with pure white background, rainbow accent bar, large display titles, gradient text, soft macaron cards, and black focus pills. Works for both vertical so…
claude-codecodexcursorgemini-clihtmlppteditorial
Engineering
repo-architecture
Generate a layered HTML architecture diagram from a GitHub repo URL. Walks the tree, classifies modules into semantic layers, selects layout and style, and renders the diagram. Pai…
claude-codecodexcursorgemini-cligithubdiagramarchitecture
Documentation
htmlvspec
Generates a visual engineering plan as a single self-contained HTML page saved to specs/<name>.html, with AI-generated diagrams embedded per section plus a freeform HTML zone for c…
claude-codecodexcursorgemini-clihtmlengineeringplan
Automation
dp-export-pdf
Converts HTML files to professional, sell-ready PDFs. Handles pagination, headers/footers, cover pages, clickable table of contents, and active links. Supports ebooks, guides, lead…
claude-codecodexcursorgemini-clipdfhtmlexport
Web
fixing-accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, …
claude-codecodexcursorgemini-clitype:audittype:reviewaccessibility
Web
dp-landing-page
Generates professional landing pages with integrated Thank You page, Privacy Policy, and Terms in modals. Produces responsive standalone HTML with custom CSS properties and unique …
claude-codecodexcursorgemini-clilanding-pagehtmlresponsive
Design
omd:codex-image
Materializes image placeholders dynamically. Uses the channel's native image primitive or falls back to asset curation. Treats HTML/MD `<!-- omd:gen-image -->` blocks as single sou…
claude-codecodexcursorgemini-cliimagesplaceholdersgeneration
Web
remix-templating
Server-side HTML templating via tagged template literals with automatic XSS-safe escaping, trusted fragments, SafeHtml branding, and HTML response helpers for non-JSX endpoints lik…
claude-codecodexcursorgemini-clifw:reacttype:integrationtemplating
Design
html-ppt-zhangzara-peoples-platform
Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush. Matches honest, loud, graphic tone for cultural commentary, manifestos, civic and community decks…
claude-codecodexcursorgemini-clihtmlpresentationcss
Content
html-ppt-knowledge-arch-blueprint
Blueprint-style deck on cream #F0EAE0 paper with rust #B5392A accents, 48px grid mask, hard-edged cards, pipeline steps, and dashed feedback loops. Clean, print-friendly layout wit…
claude-codecodexcursorgemini-clihtmlpresentationsblueprint
Design
html-ppt-zhangzara-raw-grid
Neo-brutalist deck with thick borders, offset shadows, and a pink/sage/ink palette. Works for direct, graphic-confident needs: founder pitches, accelerator demos, brand decks, indi…
claude-codecodexcursorgemini-clihtmlpresentationcss
Content
md2wechat
Convert Markdown to WeChat Official Account HTML. Handles article conversion, draft upload, image generation, cover/infographic creation, writer-style drafting, AI trace removal, a…
claude-codecodexcursorgemini-climarkdownwechathtml
Web
aria-patterns
Supplies ARIA roles, states, and properties for interactive components such as modals, tabs, accordions, menus, and dialogs. Supports building custom widgets and resolving screen r…
claude-codecodexcursorgemini-cliariaaccessibilityhtml
Web
forge-accessibility
Web accessibility practices: semantic HTML, ARIA when needed, 4.5:1 contrast, keyboard navigation, screen-reader-friendly forms, and alt text. Includes paste-ready component patter…
claude-codecodexcursorgemini-cliaccessibilitya11yaria
Productivity
weekly-digest
Summarizes the past week's reports into a weekly digest HTML report. Highlights trend changes and key points. Accepts an optional day count parameter to adjust the period; defaults…
claude-codecodexcursorgemini-clisummariesreportshtml
Content
dp-playbook-create
Interactive guide to build professional ebooks from start to finish, asking strategic questions, constructing the outline, writing section by section, and delivering standalone HTM…
claude-codecodexcursorgemini-cliebookpdfplaybook
Design
grainient
Recreates grainient.supply's 16 dark-mode visual effects as standalone HTML pages, including WebGL shader gradients, layered shadows, glassmorphism, 3D card flips, and spring anima…
claude-codecodexcursorgemini-clihtmlwebglshaders
Web
syncfusion-blazor-rich-text-editor
Implement Syncfusion Blazor Rich Text Editor supporting HTML, Markdown, and IFrame modes. Covers toolbar setup, media insertion, tables, paste cleanup, Word/PDF import-export, acce…
claude-codecodexcursorgemini-clilang:csharpblazorsyncfusion
Content
daily-news
Generates a daily tech-news HTML roundup of 10 items plus up to three deep-story posts under src/posts/YYYY/MM/DD/, performs anti-duplication checks against the past 7 days, and op…
claude-codecodexcursorgemini-clinewshtmlgithub
Web
table
Renders interactive sortable and filterable tables in the browser using vanilla HTML, CSS, and JS with no external dependencies. Supports feature matrices, comparisons, and structu…
claude-codecodexcursorgemini-clitablehtmlcss
Productivity
decision-memo-generator
Generates structured decision memos for critical people topics. Covers problem, context, options with pros/cons, recommendation with rationale, risks, and ask. Outputs HTML and edi…
claude-codecodexcursorgemini-clitype:generatormemodocumentation
Web
design-html
Generates production-quality HTML/CSS from approved mockups, plans, or user descriptions. Produces reflowable text, computed heights, and dynamic layouts with 30KB overhead and zer…
claude-codecodexcursorgemini-clitype:reviewhtmlcss
Content
html-ppt-taste-brutalist
Brutalist telemetry deck with deactivated-CRT charcoal, white-phosphor monospace, hazard-red accents, scanlines, and ASCII syntax. High-density, minimal-decoration layout for techn…
claude-codecodexcursorgemini-clihtmlpresentationbrutalist
Content
html-ppt-presenter-mode
Presenter-mode deck with Tokyo Night theme, five switchable styles, inline scripts per slide, and popup notes for current/next/timer views. Built for talks, lectures, and live tech…
claude-codecodexcursorgemini-clihtmlpresentationrevealjs
Web
lp-designer
Guides the full landing page workflow: intake, messaging, wireframes, pencil design, HTML build, and Vercel deployment. Activates on requests for LP creation, landing pages, or hom…
claude-codecodexcursorgemini-clicloud:vercellanding-pagehtml
Content
matrix-announcement
Compose Matrix announcements such as skill releases, version bumps, digests, or RFCs. Defines HTML subset, type-tag system, glyph rules, and when to render HTML cards instead of fo…
claude-codecodexcursorgemini-cliai:agentmatrixannouncement
Web
tweaks
Wrap HTML artifacts with a live side panel of parameterized controls for accent color, type scale, density, motion, and theme that update CSS variables in real time and persist to …
claude-codecodexcursorgemini-clihtmlcss-variablesui-controls
Content
kami-landing
Produce print-grade single-page documents in the kami design system with parchment canvas, serif typography, and ink-blue accents. Supports multilingual output in one self-containe…
claude-codecodexcursorgemini-clilanding-pagehtmldesign-system

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