review-react
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,293 results
vercel-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…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
ship-docs
Builds and publishes the docs site. Use when asked to ship or publish the docs.
Shade new component
Acceptance checklist for adding or editing a Shade component or pattern file — naming, sibling story, className forwarding, cva variants, required states,…
Shade ShadCN install
Guardrails for running `pnpm dlx shadcn@latest add` in Shade — never overwrite existing components, fresh branch first, swap raw colours for semantic tokens…
umbraco-multilingual
Set up and debug multilingual Umbraco 17+ Razor sites, where content exists in more than one language (culture). Covers languages and fallback, vary-by-culture…
vccs-usage
Search and retrieve task-specific guides for vccs, the Vue 3 chart library. Use FIRST when asked for a chart, graph, plot, or dashboard in a Vue/Nuxt app; when…
frontend-ui-engineering
Component architecture, design systems, state management, responsive design, WCAG 2.1 AA accessibility. Use when building or modifying user-facing interfaces.
forms-and-validation
Guide Claude on building forms with Binder and robust validation in Vaadin 25 Flow. This skill should be used when the user asks to "create a form", "bind…
frontend-design
Guide Claude on creating visually distinctive, polished Vaadin 25 interfaces that go beyond default theme styling. This skill should be used when the user asks…
responsive-layouts
Guide Claude on building responsive Vaadin 25 layouts that adapt to different screen sizes. This skill should be used when the user asks to "make a layout…
theming
Guide Claude on Vaadin 25 theming with both Aura and Lumo themes. This skill should be used when the user asks to "choose a theme", "set up Aura", "set up…
third-party-components
Guide Claude on integrating third-party Web Components and React components from npm into Vaadin 25 Flow applications. This skill should be used when the user…
vaadin-layouts
Guide Claude on using Vaadin 25 HorizontalLayout and VerticalLayout correctly. This skill should be used when the user asks to "create a layout", "arrange…
views-and-navigation
Guide Claude on creating Vaadin 25 views with @Route, setting up router layouts (AppLayout, @Layout), navigation between views, and passing data via URL…
fast-link
Integrate, migrate, troubleshoot, or review Fast Link when it is named or the project uses or is adopting @fast-link/next, @fast-link/react, or…
next-partial-prefetching-adoption
Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces. Use when the user wants to enable or adopt Partial Prefetching, flip…
styled-jsx
Expert guidance for styled-jsx — scoped CSS-in-JS for React and Next.js. Use when writing component-scoped styles with the styled-jsx babel plugin, using…
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches…
nextjs-best-practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
async-effect-race-contracts
Use when raw async effects race or leak below a data library: an older fetch result overwrites a newer one, cleanup is missing after unmount, StrictMode…
react-effect-decision
Combine React's official "You Might Not Need an Effect" guidance with this project's stricter no direct useEffect stance. Use when writing, reviewing, or…