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…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,038 results
meta-reviewing-web-reviewing
UI component review patterns. Use when reviewing React components, hooks, props, state, styling, and accessibility. Covers rules of hooks, effect cleanup,…
mobile-background-tasks
Background fetch, processing tasks, background location, headless JS, battery optimization - Expo and bare React Native
mobile-navigation-react-navigation
React Navigation 7+ patterns - static and dynamic APIs, type-safe navigation, stack/tab/drawer navigators, deep linking, authentication flows, screen…
mobile-styling-nativewind
NativeWind v4+ - Tailwind CSS utility classes for React Native, className prop, CSS variables, dark mode, platform prefixes, animations, theming, third-party…
landing-page-design
Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page…
forms
React form handling with React Hook Form and Zod validation. Use when building complex forms, multi-step forms, or any form with validation requirements.
senior
Senior frontend developer practices including code quality, accessibility, responsive design, and UI consistency. Use when reviewing code, implementing UX…
iterative-frontend-dev
Iterative frontend development loop using Meticulous for per-step visual validation. Use when implementing a multi-step frontend change and want to catch…
native-modules
React Native native modules with New Architecture, Turbo Modules, JSI, and Codegen. Use for bridging JS to Swift/Kotlin native code.
nextjs
Expert in Next.js 14+ App Router, Server Components, and Server Actions. Use when building Next.js applications, implementing SSR/SSG, or configuring dynamic…
react-native-setup
React Native 0.83+ and Expo SDK 54+ environment setup. Xcode, Android Studio, CocoaPods, EAS Build troubleshooting.
state-effector
Effector reactive state management for React/Next.js applications. This skill should be used when implementing Effector stores, events, and effects, or when…
nextjs-guard
Use after writing or modifying Next.js App Router code, before committing, or when reviewing a Next.js PR — "validate the Next.js code", "nextjs guard", "check…
react-guard
Use after writing or modifying React components (.tsx/.jsx), before committing React changes, or when reviewing a React PR — "validate the React code", "react…
crawl-websites-at-scale
Scrape websites at scale using Scrapy, a Python web crawling and scraping framework. Use when: (1) Crawling multiple pages or entire sites, (2) Extracting…
motion
Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG. Bundle: 2.3 KB (mini)…
animator
Create short video animations from HTML/CSS/JS. Frame-by-frame capture at 30fps using Playwright + ffmpeg. Write CSS animations normally - the recorder pauses…
diff-summary-md
Use when the user wants a Markdown-only diff or change summary artifact without an HTML report, including "save the summary only as a Markdown file", "save only the Markdown summary", "create only the Markdown summary",…
prototype-feature
Build a clickable local-only frontend prototype from a plain-English feature request, with realistic mock data and action hooks shaped for later GraphQL…
prototype-to-contract
Convert a local-only prototype into Relay-backed component fragments and a schemaExtensions backend contract. Use when mock data and local action hooks must…
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,…
cometchat-components
Complete catalog of CometChat React UI Kit v6 components. Reference before writing integration code -- never invent component names.
react-component-performance
Diagnose slow React components and suggest targeted performance fixes.