react-useeffect
React useEffect best practices. Use when writing Effects, derived values, or data fetching. Teaches when NOT to use Effects and better alternatives like…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
Frontend & websites
10,980 results
frontend-specialist
Provides front-end development, UI implementation, mobile app development, and modern front-end framework capabilities. Use when user interfaces need to be implemented, components need to be built, or mobile apps need to be developed.
platform-frontend
Framework-agnostic frontend architecture — state management, components, data fetching. Use when building any web frontend, choosing state patterns, or…
arcgis-coding-components
Embed an Arcade expression editor in applications using the Coding Components package. Use for building Arcade authoring, testing, and debugging interfaces.
recipe-front-review
Reviews completed frontend implementation for governing-source compliance, scope economy, repository quality, and security, then applies user-approved React…
nextjs-seo-indexing
Fix SEO indexing issues, crawl budget problems, and Search Console coverage errors for Next.js apps. Covers canonical tags, noindex audits, sitemap health,…
tailwind-semantic-theme
Set up or refactor Tailwind v4 theming with shadcn-compatible semantic CSS tokens, without shadcn. Use only when explicitly named or when the exact methodology…
d2-03-main-menu
Creates a main menu/navigation hub component with dynamically generated menu items based on selected capabilities (search, create, save, delete). Prompts for…
d2-04-search-delete-page
Builds the search/list page in up-app loading all records via the entity service. Supports flexible capabilities: search (list), edit, and optionally delete.…
meta-framework
Integrating TanStack DB with meta-frameworks (TanStack Start, Next.js, Remix, Nuxt, SvelteKit). Client-side only: SSR is NOT supported — routes must disable…
react-vite
React 18+ patterns with Vite bundler, TypeScript, hooks, component design, and state management. Activate for React apps, Vite configuration, TypeScript,…
component-wrapper-architecture
Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui components.
flutter-building-forms
Build Flutter forms with Form, TextFormField, DropdownMenuFormField, and custom FormField. Covers validation, AutovalidateMode, forceErrorText, theme-driven…
flutter-figma-workflow
Translate an explicit Figma file, frame, component, or node into production Flutter while preserving the app's design system and verifying rendered parity. Use…
native-to-weapp-vite-wevu-migration
For migrating native mini program projects to `weapp-vite + wevu + Vue SFC` structured migration workflow, covering phased rollout, behavior-equivalent conversion, typed props/events migration, platform guards, and migration-oriented e2e verification and rollback checkpoints. Suitable for "native migration to weapp-vite", "setData refactoring", "migration rollback strategy", "migration…
wevu-best-practices
A practical handbook for the wevu runtime in mini programs: lifecycle registration, reactive updates, event contracts, bindModel/useBindModel, and Pinia/store usage patterns with mini program compatibility constraints. Suitable for implementing or refactoring wevu pages/components/stores, troubleshooting hook timing or setData diff…
html-presentation-beautifier
Transform documents, reports, and data into professional McKinsey-style HTML presentations with intelligent chart selection and interactive navigation. Use…
vue3-element-admin
Develop, maintain, refactor, and review the vue3-element-admin frontend, including Vue pages, API modules, stores, routes, menus, permissions, caching, i18n,…
beautiful-desing
Generates React 19 and Tailwind 4.2 UI components following an elegant, high-contrast editorial design system. Use this skill when asked to create modern,…
localization-toolkit
This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON…
daisyui
CSS component library for Tailwind CSS 4 providing pre-built UI components with semantic class names. Use when building web interfaces with HTML/Tailwind that…
frontend-ux
Frontend UX rules for Ethereum dApps that prevent the most common AI agent UI bugs. Mandatory patterns for onchain buttons, approval flows, address UX, USD…
mol
Build or modify apps with $mol/MAM and related stack. Use when the user asks how to do something in $mol (view.tree, view.ts, css.ts), how to structure a MAM…
react-tailwind
Opinionated assistant for installing and configuring Tailwind CSS in React projects, then revamping components using Tailwind utility classes and semantic…