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.

Guides teams through discovery, research, moodboards, palettes, typography, and Tailwind-ready code so they can ship distinctive, accessible front-end experiences with process validation.

Provides structured guidance for distinctive, intentional visual design of frontend interfaces. Helps break generic AI-style patterns by grounding choices in subject matter, typography, and visual structure. Useful for designers and developers building new UI or reshaping existing interfaces with a unique aesthetic direction.

Frontend Slides Designer generates zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint decks, ensuring viewport-fitted slides with distinctive aesthetics for pitch decks, tutorials, or showcases.

Utility to browse Google Fonts, capture trending faces, suggest pairings, and output import snippets plus Tailwind config so frontend teams can finalize typography systems quickly.

A comprehensive, systematic framework for auditing and improving web UI designs and frontend code. It teaches core principles like grayscale-first design, constrained scaling (for spacing, type, and color), and establishing clear visual hierarchy. Use this guide when needing to refine an existing UI that 'looks off,' or requires professional structural and aesthetic improvements.

Guides frontend designer-engineers to deliver memorable, production-ready interfaces by defining an aesthetic stance, scoring feasibility with DFII, and translating every intentional decision into code, typography, motion, and texture.

Craft production-ready frontend pages, dashboards, or components with a clear visual point of view; focus on typography, color, motion, and layout so the experience feels intentional instead of generic.

This skill provides anti-slop frontend design assistance by offering researched art directions based on 247 curated gallery sites. It enforces strict house styles, checks rules via browser inspection, and runs a look-and-fix loop on screenshots. Suitable for landing pages, marketing sites, portfolios, and app screens across various stacks like React, Vue, and Tailwind. It helps avoid generic AI-made looks and ensures premium, award-level design quality.

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

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.

Opt-in skill for GPT and Codex that generates Awwwards-level frontend design with randomized layouts, strict AIDA page structure, GSAP scroll motion, and gapless bento grids.