AI Agent Skills

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

⚛️ A React renderer for Figma

An open source icons library with 1600+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.

180 linear gradients in CSS3, Figma, Sketch and PSD formats — free for personal and commercial use

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.

Professionally crafted React & Figma components for building beautiful products or starting your own design system

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes. Use when building or revie…

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…

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition ps…

Open-source, local-first desktop app for AI video creation: write a script → generate images & video → edit on a timeline → export. Bring your own model & API key — ever…

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

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, S…