AI Agent Skills

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

⚛️ A React renderer for Figma

Figma Clone using Next.js, Fabric.js and Liveblocks in TypeScript

Figma to React Converter

Simple generator of React code from 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

Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

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

0️⃣ Composable UI engine for Vue. Build complex interfaces with reusable state, logic, and primitives—without being locked into components or styles.

AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. Collects visual references, design toke…

Convert any official website to design.md document

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