shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
Frontend & websites
11,089 results
auth-route-protection-checker
This skill should be used when the user requests to audit, check, or generate authentication and authorization protection for Next.js routes, server…
nextjs-fullstack-scaffold
This skill should be used when the user requests to scaffold, create, or initialize a full-stack Next.js application with a modern tech stack including Next.js…
revalidation-strategy-planner
Evaluates Next.js routes and outputs optimal revalidate settings, cache tags for ISR, SSR configurations, or streaming patterns. This skill should be used when…
huawei-cloud-ces-aom-capacity-assessment
Huawei Cloud capacity assessment. Assesses capacity for instances across 21 services (NAT/RDS/ECS/ELB/EIP/CSS/DDS/DWS/DCS/DMS/TaurusDB/GeminiDB/DC/ER/EVS/EFS…
krds-transform
Transform an existing website/app theme and structure to KRDS UIUX rules while preserving behavior.
storybook
Storybook 8 for React component documentation and testing. Use for creating stories, documenting components with Controls/Actions, visual testing, and MDX…
injective-trading-frontend-ux
Build, review, or debug Injective trading frontend UX for RFQ, orderbook, AuthZ/autosign, wallet-connected trading, USDC balances, trade buttons, search, and…
oneshot-timeline
Builds accessible timeline websites for concepts, history or investigations. Skip prose timelines, schedules and landing pages.
here-now
here.now lets agents publish websites and files to live URLs in seconds. Publish HTML, documents, images, PDFs, videos, and static files to live URLs at…
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…
frontend-ui-integration
Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs. Use when the feature is primarily a UI/UX change…
vercel-react-view-transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…
infographic-generator
Use when the user needs WeChat Official Account images or wants to generate rich HTML pages with multi-theme screenshots. Triggers: 'generate images', 'WeChat Official Account images', 'help me make images', 'generate screenshots', 'generate infographics',…
components-footer
When the user wants to design, optimize, or audit website footers. Also use when the user mentions "footer," "page footer," "site footer," "footer links,"…
audit-website
Use the squirrelscan CLI (squirrel) to audit websites, covering 140+ rules across SEO, technical, content, performance, security, and more. Use when you need to analyze website health, troubleshoot technical SEO, check for broken links, validate meta and structured data, generate site audit reports, compare before and after a redesign, or when "website audit", "audit...
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…
building-native-ui
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
frontend-design
Create unique, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (for example, including websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generate creative, polished code and UI designs, avoiding generic AI aesthetics.
remotion-best-practices
Remotion best practices - Creating videos in React
vercel-composition-patterns
Reactive extensible composition patterns. Use when refactoring components in the following ways: boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound…
vercel-react-best-practices
React and Next.js performance optimization guide by Vercel Engineering. Use this skill when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
vercel-react-native-skills
Best practices for building high-performance mobile applications with React Native and Expo. Use when building React Native components, optimizing list performance, implementing animations, or working with native…
app-patterns
Reusable UI patterns for macOS/iOS utility apps built with SwiftUI and Liquid Glass. Includes complete implementations for: Spotlight-style quick access panels…