imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Frontend & websites
11,022 results
making-ui-changes
Read before changing any component, page, or styles. Five moves to change UI without silently breaking another screen - reuse before you create, cover every…
starter-cleaner
Streamline the wot-starter v2 template to a minimal development-ready state, remove the docs, demo subpackages, generated files, and monorepo configuration, and clean up the related Vite and package.json configuration accordingly. Use when the user requests "clean up the template", "remove examples", "generate a minimal template", or "streamline wot-starter v2".
figma-to-generateblocks
Convert Figma designs to GenerateBlocks V2 format for WordPress
phoenix-ui
For frontend design, redesign, local optimization, and live interaction; not for backend tasks, maintaining design specifications only, or independent UI acceptance. Provides design commands and local checks combined with project context, used after npm installation.
web-design
Apply a brand's defined visual system to a real, conversion-focused website — designing and building it in custom code, with real copy given its proper…
frontend-design-ultimate
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain…
desktop-ui-electron
Frameless windows, custom title bars, tray, menus, dock badges, vibrancy, kiosk mode, window state persistence
svelte-ui-animator
Analyze and implement purposeful UI animations for Svelte/SvelteKit + Tailwind projects. Specialized in Svelte transitions, actions, and animation patterns.…
react-usecallback
Use when writing or reviewing useCallback usage in React components. Covers React Compiler impact, when useCallback is justified, and the most common mistake…
vite-best-practices
Configure, migrate, debug, or review Vite applications, libraries, SSR integrations, and plugins. Use for vite.config files, HMR, import.meta APIs, Vite…
ui-ux-pro-max
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design…
browser-automation
Automate web browser interactions using MCP tools. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots,…
flutter
Flutter cross-platform development with Dart. Widgets, state management (Riverpod, BLoC), navigation, platform channels, and production patterns. USE WHEN:…
tanstack-router
TanStack Router for React with file-based routing. Covers route definitions, layouts, authentication guards, loaders, and type-safe navigation. USE WHEN: user…
opik-frontend
React frontend patterns for Opik. Use when working in apps/opik-frontend, on components, state, or data fetching.
imagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate…
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
visual-deck
Generate "image + text" style visual decks on the open-slide React framework with 绿皮火车's design system — dark-teal / dark-coral themes, four core layouts…
nextjs-architecture
Next.js App Router architecture with server/client boundaries, rendering, caching, route handlers and feature-based organization. Use when creating or refactoring Next.js apps,…
website-copywriting
Write and revise human, specific and persuasive copy for websites, landing pages and digital products, including headlines, sections, CTAs, forms, states of…
vue-best-practices
The English introduction is being prepared.
exploded
Turn a real, rendered UI component (button, input, switch, card, menu, dialog, any React/Vue/HTML component) into a live, interactive exploded spec sheet. The…
docyrus-ui-react-components
Catalog of every @docyrus/ui React (web) component and hook — descriptions, import paths, and per-component llms.txt documentation links. Use when picking a…