inertia-rails-pages
inertia-rails
Build Inertia Rails pages that keep their state.
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.- 485
483angular-best-practices-material
alfredoperez
Build Angular Material UIs with steadier tests.
Frontend development
482extract
educlopez
Turn repeated UI code into reusable components.
Frontend refactoring
- 482
harden
educlopez
Make your UI ready for more than the happy path.
Frontend development
482tanstack-table
secondsky
Data tables that keep large datasets responsive.
Frontend development
482zustand
bobmatnyc
Simpler global state for your React app.
Frontend development
481router-core
tanstack
Build type-safe routes with TanStack Router.
Frontend routing
481setup-fa
fortawesome
Font Awesome icons, wired into your project.
Frontend development
480bouncer-feed-filter
reason-machines
Build custom filters for your Twitter/X feed.
Browser extension development
- 480
progressive-web-app
secondsky
Make your web app installable and work offline.
Web development
480website-cloner
horuz-ai
Recreate a website as a matching React page.
Frontend development
- 478
hono-core
bobmatnyc
Build portable web APIs with Hono's core patterns.
Web development
- 477
fa-help
fortawesome
Font Awesome answers backed by official docs.
Web development
476attention-grabbers
dylantarre
Draw attention to key moments in your app.
UI animation
475astro-best-practices
incluud
Build accessible Astro sites with less JavaScript.
Frontend development
- 475
react-spring
dylantarre
Apply Disney's animation principles in React Spring.
UI animation
- 474
calm-relaxation
dylantarre
Give your interface a gentle, calming rhythm.
UI animation
474frontend-state-management
aj-geddes
Keep shared state predictable across your app.
Frontend development
474sveltekit-data-flow
spences10
Wire data and forms into your SvelteKit pages.
Web development
474update-stars
remotion-dev
Refresh Remotion's homepage GitHub star counts.
Website maintenance
473mjml-email-templates
aaronontheweb
Responsive emails from MJML templates in .NET.
Email development
- 471
isolet-widget-isolation
reason-machines
Turn your component into a style-isolated widget.
Frontend development
470data-table-filters
openstatushq
Filterable React tables that fit your app.
Frontend development
+1
470react-patterns
manutej
Build reusable components for your React apps.
Frontend 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.