AI Agent Skills

Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook…

Collection of handy online tools for developers, with great UX.

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

Apply the best available expert design guidance to the user's actual UI task. Lazyweb curates 20 design aspects (web animation, frontend quality, design audits and polis…

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

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

DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-…

Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meetin…

Applies React/TypeScript-specific technical decision criteria, anti-pattern detection, debugging, and frontend quality gates. Use when reviewing components, hooks, brows…

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