HTML Anything
by @nexu-io · plugin · 81 skills
Turn Markdown/copy into HTML pages, posters, cards, decks and PNGs — 80+ templates from nexu-io/html-anything.
Install the whole plugin (CLI)
npx skillmds add nexu-io/invoice
npx skillmds add nexu-io/pm-spec
npx skillmds add nexu-io/blog-post
npx skillmds add nexu-io/dashboard
npx skillmds add nexu-io/docs-page
npx skillmds add nexu-io/team-okrs
npx skillmds add nexu-io/dating-web
npx skillmds add nexu-io/deck-pitch
npx skillmds add nexu-io/mobile-app
npx skillmds add nexu-io/data-report
npx skillmds add nexu-io/deck-replit
npx skillmds add nexu-io/deck-simple
npx skillmds add nexu-io/eng-runbook
npx skillmds add nexu-io/info-funnel
npx skillmds add nexu-io/poster-hero
npx skillmds add nexu-io/ppt-keynote
npx skillmds add nexu-io/card-twitter
npx skillmds add nexu-io/gamified-app
npx skillmds add nexu-io/kanban-board
npx skillmds add nexu-io/pricing-page
npx skillmds add nexu-io/saas-landing
npx skillmds add nexu-io/deck-xhs-post
npx skillmds add nexu-io/hr-onboarding
npx skillmds add nexu-io/meeting-notes
npx skillmds add nexu-io/motion-frames
npx skillmds add nexu-io/prototype-web
npx skillmds add nexu-io/resume-modern
npx skillmds add nexu-io/waitlist-page
npx skillmds add nexu-io/weekly-update
npx skillmds add nexu-io/deck-blueprint
npx skillmds add nexu-io/deck-xhs-white
npx skillmds add nexu-io/digital-eguide
npx skillmds add nexu-io/finance-report
npx skillmds add nexu-io/live-dashboard
npx skillmds add nexu-io/web-proto-soft
npx skillmds add nexu-io/deck-xhs-pastel
npx skillmds add nexu-io/email-marketing
npx skillmds add nexu-io/magazine-poster
npx skillmds add nexu-io/social-carousel
npx skillmds add nexu-io/vfx-text-cursor
npx skillmds add nexu-io/article-magazine
npx skillmds add nexu-io/card-xiaohongshu
npx skillmds add nexu-io/deck-dir-key-nav
npx skillmds add nexu-io/deck-ljg-present
npx skillmds add nexu-io/frame-logo-outro
npx skillmds add nexu-io/mockup-device-3d
npx skillmds add nexu-io/sprite-animation
npx skillmds add nexu-io/wireframe-sketch
npx skillmds add nexu-io/deck-hermes-cyber
npx skillmds add nexu-io/deck-magazine-web
npx skillmds add nexu-io/deck-safety-alert
npx skillmds add nexu-io/deck-tech-sharing
npx skillmds add nexu-io/mobile-onboarding
npx skillmds add nexu-io/video-hyperframes
npx skillmds add nexu-io/deck-course-module
npx skillmds add nexu-io/deck-graphify-dark
npx skillmds add nexu-io/doc-kami-parchment
npx skillmds add nexu-io/exec-briefing-memo
npx skillmds add nexu-io/experiment-readout
npx skillmds add nexu-io/frame-glitch-title
npx skillmds add nexu-io/social-reddit-card
npx skillmds add nexu-io/social-x-post-card
npx skillmds add nexu-io/deck-presenter-mode
npx skillmds add nexu-io/deck-product-launch
npx skillmds add nexu-io/social-media-matrix
npx skillmds add nexu-io/social-spotify-card
npx skillmds add nexu-io/web-proto-brutalist
npx skillmds add nexu-io/web-proto-editorial
npx skillmds add nexu-io/competitive-teardown
npx skillmds add nexu-io/deck-obsidian-claude
npx skillmds add nexu-io/frame-data-chart-nyt
npx skillmds add nexu-io/frame-liquid-bg-hero
npx skillmds add nexu-io/flowai-team-dashboard
npx skillmds add nexu-io/deck-guizang-editorial
npx skillmds add nexu-io/deck-open-slide-canvas
npx skillmds add nexu-io/frame-flowchart-sticky
npx skillmds add nexu-io/social-media-dashboard
npx skillmds add nexu-io/frame-light-leak-cinema
npx skillmds add nexu-io/deck-swiss-international
npx skillmds add nexu-io/frame-macos-notification
npx skillmds add nexu-io/article-sketchnote-editorialSkills in this plugin
- ▌ invoice · nexu-io bundleGenerates a printable A4 invoice page with header, sender/recipient info, line items table, tax breakdown, totals, and payment instructions.
- ▌ pm-spec · nexu-io bundleStructures product requirements into a single-page spec with problem, success metrics, scope, user stories, design notes, and rollout plan.
- ▌ blog-post · nexu-io bundleGenerates a long-form blog post with magazine-style typography, including masthead, hero, figures, pull quotes, and author bio.
- ▌ dashboard · nexu-io bundleGenerates a standard admin dashboard page with a fixed sidebar, top bar, KPI card grid, 1-2 charts, and a recent activity list.
- ▌ docs-page · nexu-io bundleGenerates a three-column technical documentation page with side navigation, article body, and sticky table of contents.
- ▌ team-okrs · nexu-io bundleTracks team OKRs with quarter banner, objective columns, key result progress bars, owner avatars, and status pills.
- ▌ dating-web · nexu-io bundleProvides a dashboard template for community/dating metrics with a navigation rail, ticker bar, headline KPIs, 30-day mutual-matches bar chart, and match-rate trend block.
- ▌ deck-pitch · nexu-io bundleGenerates a 10-slide investor pitch deck with white background, blue-purple gradient hero, traction bar chart, and ask page.
- ▌ mobile-app · nexu-io bundleGenerate a single-screen mobile app design inside a pixel-perfect iPhone 15 Pro frame with status bar, header, main content, and bottom tab bar.
- ▌ data-report · nexu-io bundleConverts CSV, Excel, or JSON data into a polished, interactive visual report page with KPI cards, charts, data tables, and insights.
- ▌ deck-replit · nexu-io bundleCreates a single-file horizontal-swipe presentation deck using one of eight Replit Slides themes.
- ▌ deck-simple · nexu-io bundleCreates a clean horizontal-swipe HTML deck for pitches, overviews, or study materials with cover, content pages, progress bar, and keyboard navigation.
- ▌ eng-runbook · nexu-io bundleGenerates a single-page engineering runbook template with service overview, alerts table, dashboards, common procedures, on-call rotation, and incident response checklist.
- ▌ info-funnel · nexu-io bundleGenerates a single-file HTML funnel infographic from 3-6 ordered stages with absolute values, showing conversion rates and drop-off at each step. Output is a static 9:16 vertical image with inline CSS, no JavaScript, no external dependencies.
- ▌ poster-hero · nexu-io bundleGenerates visually striking vertical posters for social media sharing, with full-screen gradient backgrounds, bold typography, and decorative SVG elements.
- ▌ ppt-keynote · nexu-io bundleCreates Keynote-style presentations as single-page HTML slides with keyboard navigation, fade transitions, and a clean, minimal layout.
- ▌ card-twitter · nexu-io bundleGenerates a Twitter share card with a hero quote, author attribution, category tag, and subtle texture, ready for screenshot and posting.
- ▌ gamified-app · nexu-io bundleGenerates a gamified habit-tracking app UI with three phone frames: a cover poster, today's quests with XP and level bar, and a quest detail view with subtasks and rewards.
- ▌ kanban-board · nexu-io bundleGenerates a single-page Kanban board with four columns (To do, In progress, In review, Done), filter bar, and optional swimlanes.
- ▌ pricing-page · nexu-io bundleGenerates a standard SaaS pricing page with three tiers, feature comparison table, and FAQ section.
- ▌ saas-landing · nexu-io bundleGenerates a single-page SaaS landing page with hero, features, social proof, pricing, FAQ, and footer sections.
- ▌ deck-xhs-post · nexu-io bundleCreates a 9-page 3:4 vertical carousel for Xiaohongshu or Instagram with warm pastel backgrounds, dashed sticker cards, and page dots.
- ▌ hr-onboarding · nexu-io bundleProvides a one-page onboarding template for new employees, including a welcome hero, first-week schedule, manager and buddy cards, learning track, equipment checklist, and completion criteria.
- ▌ meeting-notes · nexu-io bundleGenerate structured meeting notes with title, attendance, agenda, decisions, action items, and next meeting footer.
- ▌ motion-frames · nexu-io bundleCreates a hero frame with looping CSS animations including a rotating type ring, animated globe, ticking timer, and parallax labels.
- ▌ prototype-web · nexu-io bundleGenerates a high-fidelity, clickable web prototype with navigation, hero, features, and CTA sections.
- ▌ resume-modern · nexu-io bundleGenerates a modern, minimalist A4 single-page resume template optimized for printing or PDF export, with a two-column layout and clean typography.
- ▌ waitlist-page · nexu-io bundleGenerates a minimal pre-launch waitlist landing page with email capture, logo, and decorative layers.
- ▌ weekly-update · nexu-io bundleCreates a 6-8 page horizontal-swipe weekly report deck with sections for shipped items, in-flight progress, blockers, metrics, and asks.
- ▌ deck-blueprint · nexu-io bundleCreates a print-friendly architecture or pipeline presentation deck with a blueprint-grid mask, rust-red callouts, and serif typography.
- ▌ deck-xhs-white · nexu-io bundleGenerates a white magazine-style deck with rainbow bar, gradient text, macaron cards, and black pill for dual-use on Xiaohongshu and horizontal PPT.
- ▌ digital-eguide · nexu-io bundleGenerate a two-page digital e-guide spread with a cover and content page, including pull-quote and step list, in a lifestyle creator brand style.
- ▌ finance-report · nexu-io bundleGenerates a single-page quarterly finance report with KPI cards, revenue and burn charts, a P&L summary table, highlights, and an outlook section.
- ▌ live-dashboard · nexu-io bundleGenerate a Notion-style live team dashboard with KPI cards, 7-day sparklines, activity feed, and task table, using seed data when no data source is available.
- ▌ web-proto-soft · nexu-io bundleCreates Apple-style soft UI prototypes with squircle cards, spring motion, and ambient mesh backgrounds.
- ▌ deck-xhs-pastel · nexu-io bundleCreates pastel-toned, lifestyle-oriented presentation decks with rounded cards, soft glow blobs, and Playfair italic numbering.
- ▌ email-marketing · nexu-io bundleGenerates a brand product launch email with masthead, hero, CTA, specifications grid, and table-based fallback for email client compatibility.
- ▌ magazine-poster · nexu-io bundleGenerates a magazine-style poster with a newsprint editorial layout, oversized serif headline, two-column body, numbered sections, and paper-textured design.
- ▌ social-carousel · nexu-io bundleGenerates a three-card social media carousel with a headline that spans across cards, brand mark, and progressive visual elements.
- ▌ vfx-text-cursor · nexu-io bundleCreates a video intro frame with a typing cursor effect that reveals text character by character, accompanied by chromatic aberration trails and directional light leaks.
- ▌ article-magazine · nexu-io bundleCreates long-form magazine-style articles with hero sections, serif headings, styled quotes, code blocks, and call-to-action cards, suitable for Substack, Medium, or blogs.
- ▌ card-xiaohongshu · nexu-io bundleGenerates a series of Xiaohongshu-style knowledge cards with a cover, content cards, and a summary card, designed for mobile viewing.
- ▌ deck-dir-key-nav · nexu-io bundleCreates minimal, monochrome Keynote-style presentations with arrow-key navigation, accent lines, and mono lists.
- ▌ deck-ljg-present · nexu-io bundleVisualizes outlines and markdown as bold, color-block manifesto-style decks without rewriting or reordering content. Supports black, red, and yellow themes.
- ▌ frame-logo-outro · nexu-io bundleGenerates a video outro frame with a logo assembled from geometric blocks, glow bloom animation, tagline reveal, and CTA, using pure CSS/SVG.
- ▌ mockup-device-3d · nexu-io bundleRenders UI content inside 3D iPhone and MacBook mockups using CSS transforms, with glass lens flares, ground reflection, and an optional turntable animation.
- ▌ sprite-animation · nexu-io bundleCreates educational single-frame posters with pixel art mascots and kinetic typography using pure CSS keyframe animations, no JavaScript required.
- ▌ wireframe-sketch · nexu-io bundleCreates hand-drawn wireframes with graph-paper background, multiple tabs, scribbled chart placeholders, hatched fills, and sticky-note annotations.
- ▌ deck-hermes-cyber · nexu-io bundleCreates a cyber-themed terminal deck for CLI, agent, or dev tool reviews with CRT scanlines, green monospace text, and three-tier tags.
- ▌ deck-magazine-web · nexu-io bundleCreate horizontal-swipe HTML presentations with magazine and e-ink aesthetics, featuring WebGL fluid backgrounds, serif display fonts, and keyboard navigation.
- ▌ deck-safety-alert · nexu-io bundleCreates safety alert decks with hazard stripes, tiered cards, and policy code blocks for incident reviews and risk communication.
- ▌ deck-tech-sharing · nexu-io bundleCreates a tech sharing deck for internal engineering talks with GitHub-dark theme and JetBrains Mono code blocks.
- ▌ mobile-onboarding · nexu-io bundleGenerates a three-screen mobile onboarding flow with splash, value proposition, and sign-in screens displayed side by side.
- ▌ video-hyperframes · nexu-io bundleGenerates a sequence of fullscreen video frames with cinematic visuals, auto-play, and metadata for Remotion/Hyperframes rendering.
- ▌ deck-course-module · nexu-io bundleCreates a course or training module deck with persistent learning objectives, MCQ self-test pages, and warm paper background with Playfair serif typography.
- ▌ deck-graphify-dark · nexu-io bundleCreates a dark-themed presentation deck with gradient backgrounds, floating blur orbs, SVG force-directed graphs, and JetBrains Mono code highlighting.
- ▌ doc-kami-parchment · nexu-io bundleGenerates serious, typeset documents (one-pagers, reports, letters, resumes, slides, equity reports, changelogs) with a warm parchment aesthetic, ink-blue accent, and single serif font per language.
- ▌ exec-briefing-memo · nexu-io bundleCondenses complex materials into a one-page executive decision memo with recommendation, evidence, tradeoffs, and next actions.
- ▌ experiment-readout · nexu-io bundleTransforms A/B test and product experiment data into actionable readouts with hypothesis, metrics, interpretation, and decision.
- ▌ frame-glitch-title · nexu-io bundleGenerates a single-file HTML page with a cyberpunk glitch-art title frame, featuring chromatic aberration, scanlines, noise grain, and data-corruption animations.
- ▌ social-reddit-card · nexu-io bundleRenders a story, question, or meme as a realistic Reddit post card with vote rail, comments, and awards, suitable for video overlays or social media sharing.
- ▌ social-x-post-card · nexu-io bundleRenders tweet content as a realistic X (Twitter) post card image for video overlays or image sharing, with interactive metrics and customizable themes.
- ▌ deck-presenter-mode · nexu-io bundleCreates a presenter-mode deck with speaker notes, theme switching, and a popup teleprompter.
- ▌ deck-product-launch · nexu-io bundleCreates a product launch keynote deck with cover, problem statement, hero shot, feature cards, pricing tiers, and CTA.
- ▌ social-media-matrix · nexu-io bundleBuild a cinematic, data-dense multi-platform social media dashboard with KPI matrix, interactive charts, insights drawer, and dark/light theme toggle.
- ▌ social-spotify-card · nexu-io bundleRenders a Spotify Now Playing card with album art, progress bar, and playback controls for video overlays or personal pages.
- ▌ web-proto-brutalist · nexu-io bundleGenerates brutalist web prototypes with Swiss industrial-print aesthetics, using grotesque typography, oversized numbers, ASCII decorations, and hazard-red accents.
- ▌ web-proto-editorial · nexu-io bundleCreates editorial-minimalist web prototypes with warm monochrome canvas, serif display and grotesque body typography, hairline borders, and ambient micro-motion.
- ▌ competitive-teardown · nexu-io bundleTransforms scattered competitor data into a decision-ready product strategy report with positioning maps, feature matrices, pricing analysis, and opportunity windows.
- ▌ deck-obsidian-claude · nexu-io bundleCreates developer tutorial decks with GitHub-dark theme, purple-blue ambient light, gradient titles, and code blocks.
- ▌ frame-data-chart-nyt · nexu-io bundleCreates a New York Times-style data chart frame with animated reveal, supporting line, bar, and range-band charts from CSV/JSON or a textual conclusion.
- ▌ frame-liquid-bg-hero · nexu-io bundleGenerates a single-file HTML hero section with WebGL-inspired fluid background and overlaid quote, suitable for video intros, landing pages, or posters.
- ▌ flowai-team-dashboard · nexu-io bundleGenerates a single-page team management dashboard with tabs for members, details, and activity log, including charts and CSV export.
- ▌ deck-guizang-editorial · nexu-io bundleCreates editorial-style e-ink inspired slide decks with 10 layout templates and 5 color palettes for narrative, opinion, and personal expression.
- ▌ deck-open-slide-canvas · nexu-io bundleCreates a 1920×1080 presentation deck with React-like component layout, strict typography and color constraints, and no template restrictions.
- ▌ frame-flowchart-sticky · nexu-io bundleDraws a flowchart as a whiteboard-style sticky-note diagram with SVG curves, handwritten fonts, and hover interactions.
- ▌ social-media-dashboard · nexu-io bundleProvides a social media analytics dashboard template for creators, featuring platform switching, KPI cards, follower growth charts, top post previews, and trending topics.
- ▌ frame-light-leak-cinema · nexu-io bundleGenerates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.
- ▌ deck-swiss-international · nexu-io bundleGenerate a Swiss International style presentation deck with 16-column grid, one of four accent colors, and 22 locked layout templates. Outputs a single self-contained HTML file.
- ▌ frame-macos-notification · nexu-io bundleRenders announcements, messages, or tips as macOS Big Sur+ style notification banners for video overlays, product launch teasers, or social media graphics.
- ▌ article-sketchnote-editorial · nexu-io bundleTransform a concept into an editorial-style visual narrative with six distinct layouts, four font families, and a magazine-like arc from problem to insight.