react-syntax-context
Use when sharing state across components without prop drilling, implementing theme/auth/locale providers, or optimizing context performance. Prevents the…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,040 results
react-syntax-events
Use when handling user interactions, typing event handlers with TypeScript, working with form inputs, or implementing keyboard/mouse interactions. Prevents the…
react-syntax-jsx
Use when writing JSX/TSX, rendering lists, implementing conditional rendering, or typing components with TypeScript generics. Prevents the common mistake of…
web-design-picker
Use when creating distinct website directions, a client review picker, asset catalog, previews, and Cloudflare-ready handoffs.
html
Write semantic, accessible, performant HTML with modern best practices. Use when asked to (1) create HTML pages or documents, (2) write semantic markup, (3)…
nuxt
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid…
awwwards-style-web-design
Independent community skill for designing, redesigning, reviewing, and polishing original Awwwards-style, award-caliber experiential websites: immersive…
ui-skills
Opinionated constraints for building better interfaces with agents. Covers tech stack choices (Tailwind, motion/react, tw-animate-css), accessible component…
artifacts-builder
Suite of tools for creating elaborate, multi-component HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
figma-to-react
Use when the user wants to extract Figma designs into production-ready React or Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy.
gsap-performance
Use when optimizing GSAP animations, performance tuning, ticker configuration, stagger optimization, or improving animation frame rates.
gsap-svg
Use when implementing SVG animations, stroke drawing, path morphing, motion along paths, or using DrawSVGPlugin, MorphSVGPlugin, MotionPathPlugin.
unocss
UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind,…
nextjs-route-generator
Scaffold Next.js App Router API routes with Zod validation, error handling, and TypeScript types. Use when asked to create API routes, REST endpoints, CRUD…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
oil-html
oil personal-use HTML sharing document skill. Only invoke when the user explicitly names "oil-html", says "use oil-html / use the oil-html skill", or explicitly specifies this skill via the skill selector. If the user merely says "help me make an HTML", "write an intro page", "make a presentation document", "make a shareable…
react-native-specialist
Cross-platform mobile development specialist for React Native, Expo, native modules, and mobile-specific patternsUse when "react native, expo, mobile app, ios…
react-patterns
Expert knowledge for React hooks, composition, and component patternsUse when "react hook, useEffect, useState, useCallback, useMemo, context, component…
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…
pleasant-bem-css
Apply the Pleasant BEM syntax and methodology to CSS class names.
frontend-harness-slides
Build and revise iteration-safe HTML slide decks with polished visuals, motion, testing, and web/PDF/static delivery. Use only for HTML slide projects.
angular-core-implementation
Generate Angular components, services, modules, and directives. Implement dependency injection, lifecycle hooks, data binding, and build production-ready…
react-principle-engineer
React development principles from official documentation. Teaches component purity, state management, effects, refs, reducers, context, and event handling…