AI Agent Skills

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.

Use when the user asks to "grow my email list", "design a lead magnet / signup incentive", "set up double opt-in", or "plan a referral / recommendation loop"; produces a…