frontend▌

Mobile-first CSS layouts using Flexbox, Grid, media queries, and responsive images across all devices. \n \n Covers mobile-first design progression from 320px through large screens (1440px+) with standard breakpoint definitions \n Implements Flexbox for 1-dimensional layouts and CSS Grid for 2-dimensional layouts, with practical examples for navigation, cards, and dashboards \n Includes responsive image techniques: srcset for resolution-aware loading, picture element for art direction, and CSS b

Comprehensive design system with 50+ styles, 97 palettes, and 57 font pairings across 9 technology stacks. \n \n Searchable database organized by priority: accessibility and touch interaction (critical), performance and layout (high), typography and animation (medium), and charts (low) \n Includes design system generation tool that recommends complete patterns, styles, colors, typography, and effects based on product type and industry keywords \n Covers 9 implementation stacks: HTML/Tailwind, Re

Create, edit, read, and manipulate PowerPoint presentations with design guidance and quality assurance workflows. \n \n Supports three primary workflows: reading/extracting text from existing .pptx files, editing presentations via template unpacking and repacking, and creating decks from scratch using PptxGenJS \n Includes 10 curated color palettes and typography pairings designed to avoid generic AI aesthetics, plus layout patterns (two-column, icon rows, grids, half-bleed images) with specific

Diagnose world-level problems in fictional settings. Identify what's missing or unconvincing and recommend specific interventions.

Run a UI/UX design pass on an existing game to improve visuals, atmosphere, and game feel. No design experience needed — this command analyzes your game and applies proven visual patterns.

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics. \n \n Guides design thinking before coding: establish bold aesthetic direction (brutalist, maximalist, retro-futuristic, luxury, playful, etc.) with clear purpose, tone, and differentiation \n Emphasizes typography, color theming, motion, spatial composition, and textural details as core design pillars; uses CSS variables, animations, and scroll-triggered effects \n Generates working, functional code (HTML/CSS/J

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

Delegate design tasks to Gemini via ZenMux API. Gemini creates HTML page designs, SVG icons, and provides design advice.

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

Landing page conversion optimization with layout rules, hero design, and CTA psychology. \n \n Covers above-the-fold formula, headline patterns, hero image strategy, and section sequencing proven to convert \n Includes CTA button design rules, form field optimization, mobile-first guidelines, and social proof placement strategies \n Provides specific examples of high-converting vs. failing headlines, CTAs, and hero images with anti-patterns \n Integrates with inference.sh CLI to generate hero im