NeVibeCode · 33 items
Skills and MCP tagged “html”
hyperframes skill Instructs coding agents on creating, validating, and rendering HTML-based videos using the HyperFrames framework and CLI.
Claude Code CX Codex Cursor +1
1,200,000installs
hyperframes-registry skill Finds and installs about 450 ready-made HyperFrames blocks and components as editable source code. Useful when adding video effects and titles without building markup from scratch.
Claude Code CX Codex Cursor +1
1,000,000installs
slideshow skill Build live HyperFrames decks with slides, fragment reveals, branching hotspots, and presenter notes. Use it when the output should be a presentation rather than a video.
Claude Code CX Codex Cursor +1
415,500installs
banner-design skill Generates banners for social media, ads, and web hero sections using HTML/CSS. Useful when you need fast visual creative assets directly in your coding agent.
Claude Code CX Codex Cursor +1
39,000installs
diagram-design skill Draws 45 diagram types as self-contained HTML files with inline SVG. Useful when a picture beats a paragraph.
Claude Code CX Codex Cursor +1
18,900installs
baoyu-markdown-to-html skill Turns a Markdown file into styled HTML with inline CSS and WeChat-ready themes. Useful when an article has to go out with its own look.
Claude Code CX Codex Cursor +1
32,200installs
playground
official skill Builds interactive HTML playgrounds with controls, a live preview, and a generated prompt. Use it when a topic is easier to explore visually than through plain text.
Claude Code
7,967installs
web-design-engineer skill Directs your coding agent to craft polished web interfaces in HTML, CSS, JavaScript, and React. Useful for building dashboards, UI prototypes, slide decks, and animations.
Claude Code CX Codex Cursor +1
8,700installs
build-dashboard
official skill Builds a self-contained HTML dashboard with Chart.js charts, KPI cards, and filterable tables. Useful for turning raw data or queries into a standalone browser report.
Claude Code CX Codex Cursor +1
9,100installs
stitch::upload-to-stitch
official skill Uploads local images, mockups, extracted HTML, and design markdown to a Stitch project over HTTP, bypassing MCP base64 token limits.
Claude Code CX Codex Cursor +1
9,900installs
stitch::extract-static-html
official skill This skill saves a rendered app page as a standalone HTML file with CSS and images embedded. Use it to share a static view or prepare a page for Stitch.
Claude Code CX Codex Cursor +1
9,900installs
show-me skill Explains code and architecture through Mermaid diagrams, call trees, diffs, and HTML artifacts. Useful when you need a concise visual layout instead of walls of text.
Claude Code CX Codex Cursor +1
32,300installs
fixing-metadata skill Audits page metadata and fixes what's broken: titles, descriptions, canonical URLs, Open Graph, Twitter cards, icons and JSON-LD.
Claude Code CX Codex Cursor +1
18,200installs
modern-web-guidance skill A skill that searches a catalog of modern web guides and feeds the matching one to your agent. Useful when the model's training data has stale HTML, CSS or client-side JS patterns.
Claude Code CX Codex Cursor +1
34,900installs
markdown-to-html
official skill This skill guides Markdown-to-HTML conversion and custom conversion scripts. Use it for HTML documentation, static sites, or rendering .md files for preview.
GitHub Copilot
9,899installs
design-mobile-apps skill Designs mobile screens via the Sleek REST API and translates them into React Native or HTML code.
Claude Code CX Codex Cursor +1
1,000,000installs
session-report
official skill Generates an interactive HTML report on token usage, cache performance, subagents, and heavy prompts from Claude Code transcripts.
Claude Code
3,676installs
frontend-design skill Skill for building frontend interfaces with considered typography, color and layout — from landing pages to dashboards.
Claude Code CX Codex Cursor +1
4,800installs
surprise-me skill This skill combines available skills into one unexpected creative deliverable. Use it when you want inspiration or a project without choosing the format yourself.
Claude Code CX Codex Cursor +1
2,300installs
baoyu-design skill Generates UI mockups, interactive prototypes, slide decks, and design systems as self-contained HTML. Useful whenever an agent needs to produce interface layouts.
Claude Code CX Codex Cursor +1
6,300installs
popular-web-designs skill 54 real-world design systems (Stripe, Linear, Vercel, Claude) with CSS tokens, typography, and components for building pages styled after known brands.
Claude Code CX Codex Cursor +1
914installs
after-hours-editorial-template skill Generates luxury dark editorial presentations with haute-couture typography and cinematic transitions. Built for fashion lookbooks and premium brand pitches.
Claude Code CX Codex Cursor +1
2,800installs
web-artifacts-builder skill Builds HTML artifacts for claude.ai with React and Tailwind — Anthropic's reference workflow for embeddable interfaces.
Claude Code CX Codex Cursor +1
2,800installs
frontend-slides skill Generates animation-rich HTML presentations with visual style previews. Handy for online keynotes, interactive briefs, and embedded slide decks.
Claude Code CX Codex Cursor +1
2,800installs
digits-fintech-swiss-template skill A fintech deck template on a Swiss grid: black, warm paper, neon-lime accents. Three slides with bold numeric cards and keyboard navigation, all in one HTML file.
Claude Code CX Codex Cursor +1
2,700installs
publish-to-pages
official skill Publishes presentations and HTML content to GitHub Pages by creating a repository and returning a live page address. Use it when files need to be shared as a web page.
GitHub Copilot
1,800installs
daily-prep
official skill Builds an HTML prep file for the next workday from your Outlook calendar, open tasks, and workspace context. Useful before meetings and weekly planning.
GitHub Copilot
1,300installs
landing skill Builds a single-page landing as one HTML file, with 3D CSS animation, GSAP scroll effects and mouse-parallax depth.
Claude Code
404installs
md-document skill Converts long Markdown specs, RFCs, and plans into standalone interactive HTML documents with sticky navigation, live search, and design tokens.
Claude Code
49installs
md-review skill This skill turns markdown reviews with diff blocks and severity callouts into a two-column HTML page. Use it for a named, shareable review snapshot.
Claude Code
46installs
markdown-html-orchestrator skill Routes long Markdown documents, code reviews, and slide decks to the right converter, which writes a standalone HTML file. Use it when a document needs a browser-ready format.
Claude Code
46installs
md-slides skill Converts markdown decks into a single-file HTML presentation with keyboard navigation, presenter mode, and PDF printing. Works via Claude Code.
Claude Code
15installs
build-report
official skill Builds analytical reports with findings, tables, and visuals for executives, product teams, or technical audiences.
CX Codex GP ChatGPT
4installs