Skill UI

Helps designers explore trending Coolors palettes, capture hex codes, and map selections into Tailwind configs or curated fallbacks when the browser is unavailable, ensuring contrast and role guidance for frontend themes.

An expert-level skill set covering the entire spectrum of user-centered design. Mastery includes building scalable design systems using atomic principles and design tokens, conducting deep user research (usability testing, persona creation), ensuring WCAG accessibility compliance, and managing cross-platform implementation (web, mobile, desktop). Ideal for developing complex, inclusive, and highly structured digital products.

This skill provides a collection of curated micro-interactions, easter eggs, and clever UX patterns designed to elevate standard digital interfaces. Use it when polishing an existing feature or designing unique web behaviors (like hover states, loaders, or transitions) to move beyond generic templates and establish a strong, memorable brand personality. Focus on adding delightful, high-performance details that feel premium.

This comprehensive guide outlines world-class product design principles, mimicking Apple's standard. It covers building robust design systems, defining essential design tokens (color, typography, spacing, motion), structuring UI components (atoms to organisms), optimizing UX flows, and designing engaging onboarding experiences. Ideal for product designers and PMs needing to establish a cohesive, scalable visual language and improve overall user experience.

This skill acts as a Master Design Alchemist, transforming raw ideas, rough drafts, or ordinary products into unforgettable digital experiences. It integrates Product Thinking, advanced UI engineering, cognitive psychology, and storytelling principles to ensure radical simplicity and impeccable execution, mimicking the quality of industry leaders like Apple or Jobs. Ideal for defining product narratives and crafting killer, signature interactions.

Builds professional company and product websites with anti-template design taste, real imagery, disciplined layout, micro-interactions, and browser-based quality gates for HTML, React, Next.js, Vue, Svelte, Astro, or Tailwind.

A design skill for architecting web interfaces with industrial brutalism and tactical telemetry aesthetics. It merges mid-century Swiss typography, industrial manuals, and retro-futuristic aerospace terminals, using rigid grids, extreme scale contrast, utilitarian colors, and analog degradation simulations. Opt-in, invoked by name.

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.

Retired skill for redesigning, restyling, and reviewing existing pages and app screens; now delegates to design-taste-frontend for browser-based audits and rebuilds.

Generates agent-friendly DESIGN.md for Google Stitch, encoding strict typography, color, layout, component, and motion rules to produce premium non-generic UI screens.

This skill acts as an elite Art Director for generating premium, highly actionable, and structurally sound frontend design references. It moves beyond generic AI aesthetics by enforcing principles like strong hierarchy, generous spacing, and image-led composition. Ideal for creating realistic, development-ready concepts for landing pages, hero sections, and multi-section websites.

This comprehensive tutor develops advanced visual literacy and design thinking skills. It covers core disciplines including art history, color theory, typography, and UX/UI principles. Users learn through structured critique, mastering foundational concepts like Gestalt principles, C.R.A.P. principles, and formal analysis. Ideal for improving creative portfolios, analyzing art, and refining fundamental design skills across any medium.