Skill UI

A comprehensive skill for generating non-generic, professional frontend interfaces, perfect for landing pages, portfolios, and product redesigns. This agent enforces a strict design methodology: reading the user's brief (audience, vibe, constraints) first, configuring global design dials (variance, motion, density), and recommending real, industry-standard design systems (like Material or Fluent UI) to ensure the output is always polished and contextually appropriate.

Defines a premium UI/UX persona that enforces agency-grade typography, textures, and motion choreography, guiding AI to avoid cheap defaults and deliver cinematic, tactile web experiences in varied archetypes.

Protocol for crafting premium utilitarian editorial-style interfaces with warm monochrome palettes, flat bento grids, muted pastels, strict typography, and very restrained motion for high-end workspace-like frontends.

Generates Morph-animated PowerPoint decks via officecli, guiding through planning brief creation, scene actor naming, ghosting rules, and safe CLI usage so presenters get smooth transitions and repeatable builds.

This skill transforms written content, such as articles and reports, into engaging, two-host conversational podcast audio. It first structures the content into a detailed JSON script (dialogue format) and then uses advanced Text-to-Speech synthesis to generate the final MP3 file. Supports both English and Chinese languages, making content accessible for audio-only listening.

Generates Stitch-friendly DESIGN.md blueprints that encode premium anti-slop UI rules—color calibration, typography, layouts, motion, and component behaviors—so agents can produce high-agency screens for Google Stitch.

Automatically orchestrates 1-3 available skills into a cohesive, emotionally resonant deliverable whenever the user asks for “surprise me,” inspiration, or something unexpected, prioritizing visual flair and playful storytelling.

Guides designers through using the Penpot MCP tools to craft professional UI/UX for web, mobile, and desktop apps, covering workflows, design systems, accessibility checks, and setup/troubleshooting steps for the Penpot MCP server.

This skill generates concise, tone-consistent microcopy for various UI states, including buttons, error messages, empty states, toasts, and form guidance. Inspired by a casual yet polite voice, it ensures that product messaging is actionable, helpful, and aligns with a consistent brand tone, moving beyond generic or robotic wording.

Inspects live or staging websites to spot layout, responsive, and accessibility issues, then traces those problems to source files for targeted fixes, making it ideal for developers and designers reviewing static sites, SPAs, or full-stack apps.

This skill acts as an expert Design Systems Lead, analyzing complex technical assets (HTML, CSS, screenshots) from existing projects. It synthesizes a comprehensive 'Semantic Design System' into a structured DESIGN.md file. This output serves as the authoritative 'source of truth' for AI prompting, ensuring that any new UI generated by tools like Stitch adheres perfectly to the established visual language, color palette, and component standards.

Create high-fidelity HTML prototypes, interactive demos, slide decks, animations, and design variants. Also supports design direction exploration and expert-style review for UX, motion, and presentation work.