moonshine-components
Build MoonShine admin panel UI with Blade components — tables, forms, cards, modals, navigation, and page layouts. Use when creating admin interfaces, data…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-20 00:13
Frontend & websites
10,913 results
tailwind-config
Update Tailwind CSS configuration, custom themes, and design tokens across packages. Use when adding new colors, spacing scales, or customizing the design…
nextjs
Build Next.js 16 apps with App Router, Server Components/Actions, Cache Components ("use cache"), and async route params. Includes proxy.ts (replaces…
svelte
Provides comprehensive guidance for Svelte framework including components, reactivity, stores, transitions, and compilation. Use when the user asks about…
peach-add-print
Print-only page generation expert. Triggered by the keywords "create print page", "generate print page", "output page". Generates a polished print-only Vue component and route configuration that outputs only content without layout. Reference the latest TailwindCSS v4/Vue documentation with Context7 MCP,...
rivetkit-client-react
RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or manage realtime…
animejs-animation
Advanced JavaScript animation library skill for creating complex, high-performance web animations.
weapp-tailwindcss-lynx
Configure @weapp-tailwindcss/lynx 0.3.2 and Tailwind CSS 4 for ReactLynx + Rspeedy, covering the Rspeedy plugin, Lynx native CSS, static className, theme variable staticization, arbitrary values, encoder warnings, and iOS/Android…
syncfusion-javascript-dropdowns
Comprehensive guide for implementing Syncfusion TypeScript dropdown components including AutoComplete, ComboBox, Mention, Dropdownlist, Multiselect, ListBox,…
syncfusion-javascript-popups
Comprehensive guide for implementing Syncfusion EJ2 JavaScript Popup components including Dialog, Predefined Dialog (DialogUtility), and Tooltip. Use this when…
syncfusion-javascript-tab
This skill enables creating and customizing Syncfusion TypeScript Tab components, including tab navigation, tab headers, styling, responsive layouts, dynamic…
syncfusion-vue-gantt-chart
Implement Syncfusion Vue Gantt Chart (@syncfusion/ej2-vue-gantt) for Vue 2 and Vue 3. Use this when building project scheduling interfaces with task timelines,…
tailwind-performance
Use when optimizing Tailwind CSS for production, reducing bundle size, and improving performance. Covers PurgeCSS, JIT mode, and build optimization.
frontend-production-shadcn
Use this skill for any user-facing frontend UI task involving React, TypeScript, Tailwind CSS, shadcn/ui, product pages, dashboards, settings pages, admin…
unfold-admin
Django Unfold admin theme - build, configure, and enhance modern Django admin interfaces with Unfold. Use when working with: (1) Django admin UI customisation…
webflow-enterprise-api
Webflow Enterprise API endpoints for workspace management, audit logs, site activity, 301 redirects, robots.txt, and well-known files. Use when working with…
awwwards-motion
Build Awwwards-quality web experiences with spring physics, GLSL shaders, R3F, post-processing, particles, Framer Motion, and interactive 3D. Use for creative…
theme-snippets
Complete Odoo website snippet reference and creation guide. Covers snippet architecture, 81+ static snippet templates (structure, gallery, features, dynamic,…
tailwindcss-design
TailwindCSS implementation patterns for Refactoring UI principles. COMPANION skill for web-design-mastery. ALWAYS activate for: TailwindCSS, Tailwind classes,…
ingest-screenshot
Analyze an uploaded image (screenshot of a design, website, app) and extract design tokens to use as a starting point. Use when user pastes or attaches an…
miles
Use Miles AI, an expert WordPress designer, through composable CLI primitives. Use when the user wants to design or build a website, get design options for…
web-design
Web design and deployment. Generate beautiful single-page HTML web pages (reports, landing pages, data visualizations, etc.), with one-click deployment to Cloudflare Pages. Uses the Tailwind CSS + Chart.js + Font Awesome tech stack. Use when the user requests making a web page, generating a report page, creating a landing page, data visualization display, or deploying a web page online.
supabase
Configure Supabase for Next.js SaaS: Drizzle + pooler, Google-only Auth, RLS, cost optimization. Use when setting up Supabase, connecting Drizzle, SSR auth, or…
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with…