figma-design-to-code
figma
Your Figma design, implemented in your project's style.
Frontend development
Frontend & web development skills for AI agents
React and Next.js dominate here, with Vue, Svelte and Nuxt behind them. Most Skills stay active while the agent writes browser code, keeping a framework's patterns in view; others set up shadcn/ui and Tailwind, or build WordPress and Shopify sites.
Sort by
Most installed
887 Skills
Showing Skills in Frontend & web development.- 1.9k
1.9kcreate-datadriven-aspnetcore
dotnet
CRUD pages and APIs that fit your existing project.
Web development
1.8klaravel-best-practices
asyrafhussin
Build cleaner applications with proven patterns.
Web application architecture
1.8kanimation-designer
daffy0208
Bring your interface to life with motion.
Frontend animation
1.8kzustand
vercel-labs
Use your Zustand store to power json-render.
State management
1.8kweb-development
tencentcloudbase
Build web frontends checked in a real browser.
Frontend development
1.7kcms-migration
payloadcms
Turn your CMS data into a reviewed collection design.
Content migration
1.7kscrape-webpage
adobe
Webpage content and images, ready to migrate.
Website migration
1.7kai-ui-patterns
patternsdev
Build responsive AI chats with reusable React components.
Frontend development
1.7kcreate-website
wondelai
Turn a blank page into a conversion-focused website.
Website design
1.7kshopify
shopify
Build Shopify stores with checked code.
E-commerce development
1.7kcompose-focus-navigation
chrisbanes
Keep focus navigation predictable and tested.
UI focus navigation
- 1.7k
react-2026
patternsdev
Choose a React stack that fits your app.
Frontend development
1.7ktanstack-store
tanstack-skills
Reactive state with computed values and cleaner updates.
State management
1.7kr3f-fundamentals
enzed
Build stable, version-matched 3D scenes.
3D frontend development
1.7klanding-page-generator
kostja94
Find the maintained skill for building your landing page.
Web development
1.6kanimation-on-scroll
mengtoReveal elements as they enter the viewport.
Frontend animation
1.6kchakra-ui-migrate
chakra-ui
Move your Chakra UI project to v3 with fewer surprises.
Frontend migration
1.6kframer-motion
dylantarre
Bring Disney's animation principles to React.
UI animation
- 1.6k
threejs
mengtoBuild interactive 3D scenes that fit the web.
3D web development
1.6kadk-frontend
botpress
Connect your frontend to Botpress with type-safe patterns.
Frontend development
1.6khono
honojs
Build Hono web apps with tested endpoints.
Web development
1.6khtmx
mindrally
Build interactive web pages with less JavaScript.
Web development
- 1.6k
next-cache-components
vercel-labs
Combine fast cached pages with fresh dynamic content.
Web development
React and Next.js have the most, followed by Vue, Svelte, Nuxt, Astro and plain HTML, CSS and JavaScript.
Front-end work is a long series of small edits. Guidance Skills stay with the agent through all of them so each component follows the same patterns.
Yes. Storefront and e-commerce development Skills cover Shopify themes and apps, and WordPress Skills cover themes and plugins.