react-hook
Use when passing callbacks to custom hooks, fixing react-hooks/exhaustive-deps warnings, or debugging unexpected re-renders in React components.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Frontend & websites
11,011 results
frontend-expert
Guide AI to write concise code like a frontend expert with years of experience, restraining code bloat and over-engineering. Use when writing or modifying frontend pages, components, forms, styles, refactoring frontend code, or when the user mentions conciseness, code bloat, over-abstraction, compatibility code, or reinventing the wheel.
angular-routing
Angular Router with lazy loading, guards, resolvers, and route params. Covers standalone route configuration and functional guards. USE WHEN: user mentions…
angular-ssr
Angular SSR with @angular/ssr, hydration, and prerendering. Covers server-side rendering setup, transfer state, and deployment. USE WHEN: user mentions…
spring-mail
Spring Mail for sending emails in Spring Boot 3.x. Covers JavaMailSender, SimpleMailMessage, MimeMessage, HTML emails, attachments,…
react-component-engineering
Engineering reusable React components with composition, state, hooks, accessibility, responsiveness, and sustainable APIs. Use when creating or refactoring…
web-performance
Optimize Core Web Vitals, bundles, images, fonts, rendering and caching with verifiable targets. Use when investigating LCP/INP/CLS, reducing JS, improving Lighthouse…
mockup-creation
Create interactive, production-ready UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (React), TypeScript, and TailwindCSS v4. Use when building web…
remotion-best-practices
Best practices for Remotion - Video creation in React
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
tanstack-hotkeys
Guide for implementing keyboard shortcuts in React using @tanstack/react-hotkeys. Use when building hotkey/shortcut features, registering keyboard shortcuts,…
validate-pr
Stages the Flutter site locally. This includes checking for broken links, verifying excerpts, updating formatting, and serving the dev site.
frappe-builder
Manage a website built with Frappe Builder on a Frappe site from outside the editor, through frappectl. Use to create or edit Builder pages, build or change…
pencil-design-from-stitch-html
When you need to turn Stitch page HTML (or a Stitch URL) into a Pencil .pen design. Parses DOM and Tailwind, applies HTML→Pencil mapping and execution order,…
lite-render-perf
Use when working on React code in `apps/lite` that derives values during render, adds or consumes a context, subscribes to the redux store or a query, or…
flutter-embedding-native-views
Embeds native Android, iOS, or macOS views into a Flutter app. Use when integrating complex native components like maps or web views.
accessibility-wcag
WCAG 2.1 AA compliance requirements including semantic markup, keyboard navigation, ARIA labels, and color contrast
pinia-store-setup
Configure pinia store setup operations. Auto-activating skill for Frontend Development. Triggers on: pinia store setup, pinia store setup Part of the Frontend…
wp-plugin-bp
Use this skill whenever working on Demo Plugin or a downstream WordPress plugin based on this project. Use for plugin upgrades/sync tasks, adopting latest…
improve-codebase-architecture
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
web-design-engineer
Adopts a web design engineer persona that produces high-quality, visually distinctive UI with production-grade HTML/CSS/JS. Use when the user wants to build…
frontend
Frontend engineering for browser-facing applications: TypeScript trust boundaries, semantic accessibility, UI systems, responsive browser behavior, security,…
web-artifacts-builder
A toolkit for creating complex, multi-component claude.ai HTML artifacts using modern front-end web technologies (React, Tailwind CSS, shadcn/ui). Suitable for complex artifacts that require state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
explain
Runs a manually initiated explanation workflow that produces concise, evidence-grounded Markdown and standalone HTML for code, systems, data relationships, and…