react-vite
React + Vite SPA development patterns including project setup, configuration, and optimization. Use for building single-page applications with Vite bundler.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Frontend & websites
10,993 results
prototype-to-production
Convert design prototypes (HTML, CSS, Figma exports) into production-ready components. Analyzes prototype structure, extracts design tokens, identifies…
neo-vue
Use this skill when building, debugging, refactoring, or reviewing Vue 3 applications, SFCs, Composition API, Pinia stores, Vue Router, Vite, or Vue+TypeScript…
static-assets-hosting
Host static websites and assets via zip upload to Originless IPFS. Use when: (1) Deploying static sites, (2) Hosting HTML/CSS/JS projects, (3) Sharing web…
product-inspection
Run a product multi-point inspection — assess a shipping product (app, website, or feature) as-built across 10 stations and produce a red/yellow/green…
i18n
Internationalization and localization. i18next (React, Node.js), next-intl, vue-i18n, ICU message format, pluralization, date/number formatting, and RTL…
react-context
React Context API for state sharing across component trees. Covers createContext, useContext, Provider patterns, performance optimization, context…
farming-labs-docs
Get started with @farming-labs/docs — MDX-based documentation for Next.js, SvelteKit, Astro, and Nuxt. Use when setting up docs, scaffolding with the CLI,…
create-dashboard
Create a custom web dashboard (React + Vite + Express) inside your sandbox to visualize the agent's Turso database. The dashboard is served on port 3847 and…
component-creater
An autonomous workflow that converts a design file (via URL) into production-ready Shadcn-Vue components. It retrieves the DSL, validates components against…
frontend
Build React components, responsive layouts, and handle state management. Use for UI development, styling, or frontend performance.
gsap-setup
Production recipes for GSAP setup and configuration for any framework — Vue 3, Nuxt 3, React, or Next.js. Detects framework from project files and provides the…
styled-components-helper
Configure with styled components helper operations. Auto-activating skill for Frontend Development. Triggers on: styled components helper, styled components…
joelclaw-web
Update and maintain joelclaw.com — the Next.js web app at apps/web/. Use when writing blog posts, editing pages, updating the network page, changing…
laravel-filament-v5-ui-ux
Guides Filament 5.x composition choices for layout structure, visual hierarchy, responsive behavior, theme-preserving presentation, and visual-only page…
audit-bundle-size
Analyse and shrink a web app's JavaScript bundle. Use when "reduce bundle size", "code splitting", "slow initial load", or "why is the bundle so big". Runtime…
mobile-rn-screen
Polish one existing React Native screen so it feels native. Use for "this screen looks off", "clunky on iOS", "Android looks wrong", "jank when scrolling", or…
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making…
UnoCSS
UnoCSS atomic CSS engine for on-demand utility classes. Use when setting up utility-first CSS, configuring presets (wind3/wind4, icons, typography), or…
lucide-react-taro
Use Lucide icons in Taro WeChat Mini Program and Web projects. Use this skill when users need to add icons in Taro projects, use the lucide icon library, or generate TabBar icons.
maui-theming
Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection,…
dev-browser
Browser automation with persistent named pages via the dev-browser CLI. Use when users ask to navigate websites, fill forms, take screenshots, extract web…
to-prototype
Create a lightweight multi-page HTML/CSS/JavaScript UI prototype from agreed Phat project requirements and context. Use when the user wants to visualize and…
ui-design
Design and refine coherent, content-led UI within an authorized prototype or implementation scope. Use as a supporting skill when creating a screen, choosing…