flutter-add-widget-preview
flutter
See your Flutter widgets outside the full app.
UI 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.- 33.4k
33kvue
antfuBuild Vue components with typed setup scripts.
Frontend development
- 32.6k
flutter-build-responsive-layout
flutter
Make your Flutter interface fit every window.
Responsive UI
32.5kfrontend-ui-engineering
addyosmaniAccessible interfaces that fit your design system.
Frontend engineering
31.4knextjs-app-router-patterns
wshobsonBuild Next.js pages that stream in as they load.
Web development
28.6kimage-to-ui
uizze
Turn your screenshot into a matching interface.
Frontend development
- 26.4k
best-practices
addyosmaniSafer web code that works across browsers.
Web development
25.7knextjs-on-cloudflare
cloudflare
Your Next.js app, running on Cloudflare Workers.
Web development
VI
24.4kextension-core-infrastructure
caffeinelabs
Add sign-in and backend access to React apps.
Frontend development
23.1ksanity-best-practices
sanity-io
Build Sanity-powered sites with proven patterns.
Web development
- 22.7k
vue-best-practices
antfuKeep Vue work clear, typed, and maintainable.
Frontend development
- 22.1k
nuxt
antfuBuild Nuxt apps with Nuxt 5 conventions.
Web development
- 18.9k
pinia
antfuKeep your Vue app's state reactive with Pinia.
Frontend development
18.4kmodern-web-guidance
googlechrome
Modern web practices for your frontend changes.
Frontend development
18.3kfeature-sliced-design
feature-sliced
Keep frontend code organized as your app grows.
Frontend architecture
17.5knuxt-ui
nuxt
Build Vue interfaces that match your brand.
Frontend development
- 17.5k
extension-qr-code
caffeinelabs
Add camera-based QR scanning to your React app.
Frontend development
17knext-cache-components-adoption
vercel
Adopt Next.js caching without leaving broken routes.
Web development
15.8ktailwind-css-patterns
giuseppe-trisciuoglio
Responsive interfaces, styled with reusable utility patterns.
Frontend styling
- 15.7k
unocss
antfuCustom utility styles for your UnoCSS project.
Frontend styling
- 15.3k
sanity-migration
sanity-io
Move legacy content into a durable Sanity model.
Content migration
- 15.1k
design-system-patterns
wshobsonBuild reusable UI that stays consistent across themes.
UI architecture
- 14.6k
react-state-management
wshobsonChoose the right state patterns for your React app.
Frontend development
14.4kvue-pinia-best-practices
vuejs-ai
Keep Pinia state predictable, reactive, and shareable.
State management
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.