Frontend & Design · Next.js

Runs a metrics-first audit of a deployed Vercel project, gating investigations on real signals to produce ranked, citation-backed cost and performance recommendations.

vercel-labs/agent-skills

Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation.

vercel-labs/next-beats

Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes.

chakra-ui/chakra-ui

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.

vmDeshpande/ai-agent-automation

React and Next.js performance optimization guidelines from Vercel Engineering.

sanity-io/sanity

Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.

cloudflare/skills

UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

saoudi-h/solar-icons

Guides an upgrade from Chakra UI v2 to v3: inspect the project, swap packages, run the official codemod, then fix provider, color mode, props, theming and Next.js code.

chakra-ui/chakra-ui

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui

Scaffolds a Next.js editor for designing App Store and Google Play screenshots as ads and exporting them at every required size, for iOS, Mac and Android.

ParthJadhav/app-store-screenshots

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Reviews and converts UI code to Chakra UI v3, producing a critique, rewritten code or both, from plain HTML, Tailwind, CSS Modules or styled-components.

chakra-ui/chakra-ui

Adds AI Elements components such as conversations, messages, tool displays and prompt inputs to a Next.js project that uses shadcn/ui.

mweinbach/agent-coworker

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex

Integrate Novu's in-app notification inbox into web applications.

novuhq/novu

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG.

glincker/thesvg

A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

Y80/bmm

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking.

vmDeshpande/ai-agent-automation

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar

A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

Castor6/tactus

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Ohh-889/skyroc

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

kurealnum/dotfiles

Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in.

bidyut10/opensourceui

Debug and verification workflow for runtime-bundle and module-resolution regressions.

vercel/next.js

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support.

vmDeshpande/ai-agent-automation

Keep www-sacred's TypeScript fast to type-check and fast to run.

internet-development/www-sacred

Senior UI/UX Engineer. An agent skill from alisamadiii/Portfolio.

alisamadiii/Portfolio

Creates or adds Convex to an app. An agent skill from spokvulcan/poker-planning.

spokvulcan/poker-planning

Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with…

wheresryan22/anatomy

Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering.

shapeshift/web

A skill your agent uses when adding or updating documentation pages in an existing docs site.

TracecatHQ/tracecat

Generate code screenshots via ray.tinte.dev API. An agent skill from Railly/tinte.

Railly/tinte

Integrate Convex static self hosting into existing apps using the latest upstream instructions from get-convex/self-hosting every time.

waynesutton/markdown-site

Safely clean the local loop VM by reporting and removing stale loop runs, inactive Next.js or Storybook servers, optional browser windows, and unused loop-created worktrees without disturbing active…

axeldelafosse/loop

ChaiBuilder Core extension patterns for Next.js. An agent skill from chaibuilder/core.

chaibuilder/core

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL).

TidyFactor/Styler

A skill your agent uses when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from…

ohmiler/gridgeist

Verify frontend changes end to end after editing a web app, instead of manually clicking through pages.

ucsandman/marketing-studio

Install and use goey-toast — a gooey, morphing React toast component built on Sonner with Framer Motion.

anl331/goey-toast

Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations.

ChatbotXIO/ChatbotX

Agent-native design system infrastructure. An agent skill from Railly/tinte.

Railly/tinte

Comprehensive guide for creating effective landing pages using Next.js or React.

bear2u/my-skills

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals…

gotempsh/temps

Animation patterns and best practices for Next.js/React applications.

delphi-ai/animate-skill