All skills

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code and UI design that avoids generic AI aesthetics.

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code.

Domain-specific knowledge base for building videos with Remotion and React.

Comprehensive UI/UX design intelligence with 50+ styles, 97 palettes, and 9 technology stacks for building professional interfaces.

Anti-slop frontend skill for landing pages, portfolios, and redesigns. Reads the brief, infers design direction, and ships interfaces that do not look templated.

Upgrades existing websites and apps to premium quality. Audits current design and applies high-end standards without breaking functionality.

Flagship design skill for production-grade, anti-generic frontend interfaces with strong craft and consistency.

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels.

High-agency UX/UI skill with strict layout variance, typography, and GSAP motion engineering constraints.

Emil Kowalski's design-engineering philosophy for UI polish, components, animation, and production-ready frontend craft.

Evaluate design quality with structured UX scoring, persona checks, and actionable remediation guidance.

Enhance UX with purposeful animation and micro-interactions that support usability and delight.

Design engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.

Specialized skill for interface design: dashboards, admin panels, and SaaS apps. Focused on craft and consistency.

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

Review UI code for web interface guideline compliance, including accessibility and UX best practices.

Survey a codebase's animation and motion code as a senior motion advisor, then produce prioritized audit and self-contained implementation plans. Read-only on source code - it plans improvements, it does not apply them. Use when the user asks to improve animations, audit motion, make an app feel better, or wants a roadmap of animation fixes rather than a review of a single diff.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

Frontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.

Design and implement microinteractions, motion design, transitions, and user feedback patterns for delightful user experiences.

Project-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, image outlines, box shadows.

Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through feedback.

Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.

Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent without modifying product source.

Final quality pass for spacing, alignment, and consistency to prepare UI for launch.