AI Agent Skills

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

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

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

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.

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/…

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

This is the official DTCG repository for the design tokens site and specification.

Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)

SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.

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