Frontend

Hermes Cyber Terminal Deck is an HTML template for a black, CRT-grid terminal-style deck with command-line headings, mint green large type, and three-tier tags, designed to showcase CLI, agent, and dev tool evaluations including traces, diffs, and benchmarks.

Magazine Deck builds a horizontal-swipe HTML slide deck with a magazine and e-ink aesthetic, featuring WebGL fluid backgrounds, serif display type, chapter dividers, big-number data pages, image grids, and pull-quote pages. Use it to create presentation-style web pages that look like a print magazine.

Manifesto Deck converts markdown outlines into bold big-text manifesto slides in a single self-contained HTML file, using one of three themes (black, red, yellow) and preserving the original content word-for-word. Use it when you need to turn a talk or outline into a visual presentation without editing the text.

Minimal Arrow-Key Keynote builds a minimal HTML slide deck with monochrome backgrounds, 160px display headings, 4px accent lines, and mono arrow-prefixed lists. Use it when you need a distraction-free presentation navigable via left/right arrow keys.

Safety Alert Deck creates an HTML slide deck for safety alerts, risk reviews, and incident postmortems, using hazard stripes, tier cards, and red-flagged policy blocks.

Twitter Card creates shareable quote and data cards for Twitter posts using a 1600x900 HTML template with dark or light themes, a hero quote, author attribution, tag label, and brand watermark.

Xiaohongshu Cards generates a swipeable series of Xiaohongshu-style knowledge cards in HTML, each 1080x1440, with a cover, body slides, and a summary/CTA. Use it to produce mobile-friendly content cards for Xiaohongshu posts.

Landing-Page Audit evaluates paid-ad landing pages for message match, mobile experience, performance, accessibility, trust, forms, consent, tracking, security, and conversion friction. Use it for post-click audits, CRO, form optimization, and ad-to-page message match.

Design Reference to HTML converts screenshots or mockups into HTML using workspace files, App.jsx, DESIGN.md, and preview(). Use it when recreating a visual design as web code in Open CoDesign.

Build Dashboard scaffolds the visual layer of a holaOS dashboard app using TanStack Start, @holaboss/ui, and workspace tokens. Use it when an app's SDK primitives are wired and it needs a src/client/ UI surface.

Frontend Design creates distinctive, production-grade frontend interfaces with high design quality. Use it when building web components, pages, artifacts, posters, or applications, and to avoid generic AI aesthetics.

Interface Design guides the creation of dashboards, admin panels, SaaS apps, tools, settings pages, and data interfaces with a focus on craft and consistency. It is used when building interactive product UI, not marketing design like landing pages or campaigns.