Skill UI

Guides creation of production-grade interfaces with a bold aesthetic direction, ensuring typography, color, layout, and motion choices remain intentional and unforgettable for any web component or page request.

A comprehensive guide detailing the core principles of Apple's Human Interface Guidelines (HIG). It covers essential topics such as accessibility (VoiceOver, Dynamic Type), utilizing system colors and materials, adhering to platform conventions, and best practices for typography, layout, and motion. Use this guide to ensure your application design is native, inclusive, and highly polished across all Apple operating systems.

Crafts immersive, antigravity web UIs with GSAP/ScrollTrigger, React/Next.js, Tailwind, and 3D CSS to deliver spatial, glassmorphic dashboards and landing pages that float, animate smoothly, and respect reduced-motion preferences.

Uses Magic by 21st.dev to spin up multiple premium TypeScript UI components, compare layouts, and integrate responsive, animation-rich designs with Tailwind CSS, Framer Motion, and SVG logos in production-ready workflows.

Crafts Awwwards-level web experiences using dramatic typography, purposeful motion, meticulous composition, and performance-first animation; rate projects on a 0-10 rubric and prescribe specific 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.

Maps color, typography, spacing, imagery, and layout to explicit emotional goals, audiences, and conversion targets, ensuring cultural calibration and accessibility before handing a visual psychology brief to designers.

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.

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.

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.