Frontend & Design · Next.js

Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

pdsuwwz/nextjs-nextra-starter

A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…

buildnbuzz/buzzform

Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, Blueprints, and…

robotostudio/turbo-start-sanity

A skill your agent uses when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

lintendo/Axhub-Skills

Test the PD-Hunter Next.js frontend end-to-end. An agent skill from FuZoe/PD-Hunter.

FuZoe/PD-Hunter

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects.

feature-sliced/skills

A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u/my-skills

为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。

huanglvjing/spotpatch

A skill your agent uses when users want to install, integrate, or adapt 8StarLabs UI components in a Next.js plus shadcn project.

8starlabs/ui

Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.

bitjaru/styleseed

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

A skill your agent uses when modifying Archestra frontend Next.js/React code, UI components, forms, TanStack Query hooks, generated API client usage, frontend copy, or documentation links.

archestra-ai/archestra

Design or substantially improve a landing page for tinte. An agent skill from Railly/tinte.

Railly/tinte

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

nirholas/three.ws

Add a generated regular Next.js source app into the ui-design-bench static gallery as a model generation, including source placement, variant wrapper, manifest/registry/type updates, scoped CSS…

SunkenInTime/which-ai

Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse.

Dicklesworthstone/meta_skill

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

JetBrains/kotlin-web-site

Guide for updating Iconify icons and IconNames conventions in BMM.

Y80/bmm

Builds a realtime voice-chat app around a talking character portrait made from your photo or a text description, with mouth sprites driven by the audio.

buildfastwithai/gen-ai-experiments

Scaffold a new page builder block for Turbo Start Sanity end-to-end — Sanity schema, GROQ projection, styled React component, Markdown serializer, tests, and all registrations.

robotostudio/turbo-start-sanity

Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

avibebuilder/claude-prime

UI/UX design intelligence expert for web and mobile applications.

shobcoder/shob

Chooses between running regular npm frontend frameworks under Deno and building with Fresh, Deno's island-architecture framework, with Fresh 2.x guidance.

denoland/skills

Community skill for applying the Geist design system to Vercel-inspired rendered frontend UI across React/Next.js/Vite/Astro/Svelte/Vue/HTML/CSS, Tailwind, shadcn, and Radix.

syhily/kobato

A skill your agent uses when the user is implementing, embedding, or debugging a WorkOS Widget — specifically the User Management, User Profile, Admin Portal SSO Connection, or Admin Portal Domain…

usenotra/notra

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

pdsuwwz/nextjs-nextra-starter

Guide for building UI with Montage (Wanted Design System) in React/Next.js projects.

wanteddev/montage-web

Set up Lingui in a React framework. An agent skill from B0und/WikiSpeedrun.

B0und/WikiSpeedrun

Frontend patterns for modern web frameworks, component libraries, auth flows, and analytics. Use when building UI components, creating pages…

bybren-llc/safe-agentic-workflow

Scaffolds new NEAR dApps with create-near-app or adds NEAR wallet sign-in, contract calls and transaction signing to an existing React or plain JavaScript app.

internet-court/internet-court-skill

React performance optimization guidelines from Vercel Engineering (vercel-labs/agent-skills).

ryokun6/ryos

Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, webhooks, Blueprints…

sanity-io/agent-toolkit

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

adrianhajdin/react-native-lingua

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

Phase 1 — check and update dependencies for scaffold-stark-2 itself (Starknet toolchain, Cairo/OpenZeppelin, starknet.js, Next.js frontend, security advisories).

Scaffold-Stark/scaffold-stark-2

Animation skill for Motion (prev Framer Motion) and CSS animation.

softmaple/softmaple

React and Next.js performance optimization patterns. An agent skill from AvivK5498/beads-web.

AvivK5498/beads-web

Web framework support matrix for EdgeOne Makers — which platform adapter each full-stack framework needs, where it plugs in, the build output directory, the preview asset-prefix option, the 404…

TencentEdgeOne/edgeone-makers-tools

Map of redlamp.app, the Next.js website in web/: its stack and commands, its pages, the home page's sections with their anchors, components and content sources, the brand's Tailwind tokens and…

pdcgomes/redlamp

Migrate a gluestack-ui project from v2, v3, or v4 to v5 (NativeWind v5 or UniWind).

gluestack/gluestack-ui

Answer questions about ArkEnv and help implement environment variable validation.

yamcodes/arkenv

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs.

ccplugins/awesome-claude-code-plugins

Initialize a new Convex project from scratch or add Convex to an existing app.

waynesutton/markdown-site

Configure and troubleshoot Vercel Services for multiple frontends and backends in one project.

vercel/vercel-plugin

A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

alirezarezvani/claude-skills