AI Agent Skills

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

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

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

Open-source UI component library and front-end development framework based on Tailwind CSS

🦍 A configurable component library for web built on React.

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

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

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to…

🍭 Lobe UI - an open-source UI component library for building AIGC web apps

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

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

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-…

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any…

DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.

The Query Builder component for React