Frontend

HTML Draft generates a standalone HTML page for flat engineering-blueprint diagrams such as architecture diagrams, system flows, and technical spec sheets. Use it when you need a single-file visual artifact built with Tailwind v4 and D3 v7.

Parallel Design Variants generates several genuinely different design directions at once, then gathers them in a gallery for comparison. Use it for redesigns, landing pages, hero sections, thumbnails, or design bake-offs when you need real choice before refining.

Animate Text provides curated text animation specs and exact JSON contracts for headings, labels, counters, and text swaps. Use it to choose a named effect or translate it into WAAPI, Motion, Framer Motion, GSAP, CSS, Lottie, or Rive.

Better Design guides agents through building, improving, and reviewing production interfaces with MCP design principles and review rules. Use it for UI, UX, accessibility, responsive layouts, components, and motion work.

Apple Bento Grid creates Apple-inspired bento card layouts as self-contained HTML for stats, timelines, achievements, and visual reports. Use it when you need clean Apple-style presentation cards or screenshot-ready dashboards.

Apple Bento Grid provides an Apple-style bento grid layout for HTML content. Use it to build presentation cards, dashboards, or visual sections with a polished tiled arrangement.

Visualize turns ideas, data, or content into a single-file HTML presentation or dashboard. Use it for slide decks, infographics, timelines, diagrams, and other visuals that help people understand information faster.

Yingzao turns real architecture and place-based cultural photos into art-directed editorial posters, multi-photo scenes, and optional source comparisons. Use it for historic buildings, vernacular streets, cultural interiors, food, and travel covers; not for generic ads or invented places.

Clone Website turns one or more URLs into a single-file HTML prototype with inline CSS, JS, and assets. Use it to reverse-engineer a site’s layout, styles, interactions, and content into a self-contained browser-ready file.

CoCo Diagram creates branded architecture, flowchart, sequence, data model, timeline, swimlane, and other diagrams as standalone HTML, SVG, or PNG files. It also redraws .drawio and Mermaid sources and can apply brand tokens, semantic patterns, and accessible styling.

Design Taste Frontend infers the right visual direction for landing pages, portfolios, and redesigns, then guides the agent to build interfaces that fit the brief. It is used for taste-driven frontend work and redesigns that need an audit-first approach.

Liquid Glass guides Apple-style glass UI design, implementation, and review for iOS, iPadOS, macOS, and visionOS. Use it when adding glass materials, choosing variants, or checking legibility and performance.