Frontend & Design · Next.js

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching.

aiskillstore/marketplace

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific…

ancoleman/ai-design-components

Build React components, implement responsive layouts, and handle client-side state management.

aiskillstore/marketplace

A skill your agent uses when applies to all HTML documents. An agent skill from thedaviddias/Front-End-Checklist.

thedaviddias/Front-End-Checklist

React 19+ patterns: custom hooks, Suspense boundaries, state management, component composition, and web performance.

irahardianto/awesome-agv

Create UI/UX mockups and HTML/CSS/JS prototypes without a designer.

ww-w-ai/bkit-claude-code

Static web development for beginners — HTML/CSS/JS and Next.js App Router.

ww-w-ai/bkit-claude-code

Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture.

modu-ai/moai-adk

React/Next.js component design patterns, state management strategies, and project structure reference for frontend development.

modu-ai/moai-adk

Add full internationalization (i18n) to a Next.js project using next-intl.

OpenClaudia/openclaudia-skills

Frontend patterns for Next.js App Router, Clerk auth, shadcn/Radix UI, and PostHog analytics.

bybren-llc/safe-agentic-workflow

Adds multi-language support to Next.js websites with proper SEO configuration including hreflang tags, localized sitemaps, and language-specific content.

aiskillstore/marketplace

Generate a Next.js Roblox codes page from validated JSON using a reusable TSX template.

kennyzir/7deer_skills

Create and iteratively improve local web products from natural-language requests, then prepare them to run as Rudder Apps.

Undertone0809/rudder

[production-grade internal] Builds web frontends — React/Next.js components, pages, design systems, state management, typed API clients.

nagisanzenin/production-grade

全自动 SEO 内容新鲜度引擎。监听关键词研究报告目录，自动生成落地页和博客文章，运行 SEO 审计后推送更新。适用于任何需要定期更新内容以保持 Google 排名新鲜度的网站项目。支持 Next.js / Astro / Nuxt 等主流框架。

kennyzir/7deer_skills

Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup.

mblode/agent-skills

A skill your agent uses when building a content-driven or marketing site with Astro 6: static-first pages, islands and partial hydration, content collections, server islands, per-route on-demand…

ericrisco/rsc-harness

A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

avibebuilder/claude-prime

A skill your agent uses when adding a blog to a Next.js + Sanity site, building a blog section from scratch, integrating Sanity CMS for editorial content, or setting up an SEO-optimized article…

davila7/claude-code-templates

A skill your agent uses when writing, reviewing, or debugging React components and hooks — state, effects, data fetching, forms, Server and Client Components — in whatever React setup the project…

WrongStack/WrongStack

Add new language to a Next.js + next-intl application. An agent skill from github/awesome-copilot.

github/awesome-copilot

Extract Figma designs and generate production-ready React/Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy.

majiayu000/spellbook

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

aiskillstore/marketplace

Skill de auditoria de acessibilidade para escanear, corrigir e verificar a conformidade WCAG 2.2 Nível A e AA em codebases React, Next.js, Vue, Angular, Svelte e HTML puro.

ricneves-ai/flowgrammers-skills

Guide for building, configuring, and deploying microfrontends on Vercel.

vercel/vercel-plugin

Zustand state management for React with TypeScript. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Tech stack guidance for NextJS + React/Redux + Shadcn UI features.

paralleldrive/aidd

A skill your agent uses when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).

nirholas/three.ws

Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack.

buildfastwithai/gen-ai-experiments

Generate, modify, and style React components from natural language using the Thesys SDK.

secondsky/claude-skills

Next.js 16 bundle-size and build-time optimization — runs a data-driven iteration loop: measure baseline → analyze top offenders → apply ONE recipe → re-measure → verify nothing broke (build + types…

pproenca/dot-skills

Audits a Next.js (App Router, 14/15+) codebase for React Hook Form anti-patterns — watch() at form root, Controller inlined in parent, async submit without try/catch, missing setError on server…

pproenca/dot-skills

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

borghei/Claude-Skills

React and Next.js performance playbook distilled from Vercel Engineering guidance.

majiayu000/spellbook

A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

majiayu000/spellbook

json-render component catalog patterns for AI-safe generative UI.

yonatangross/orchestkit

A skill your agent uses when deploying dApp frontends to IPFS or decentralized hosting.

ccashwell/evm-cortex

Chat UI building blocks for React/Next.js from ui.inference.sh.

aiskillstore/marketplace

Declarative UI widgets from JSON for React/Next.js from ui.inference.sh.

aiskillstore/marketplace

A skill your agent uses when building, reviewing or fixing Svelte 5 (runes) and SvelteKit code — components with the rune primitives, rune modules versus stores, file routing, universal versus…

ericrisco/rsc-harness

A skill your agent uses when building or reviewing a Vue 3 + Nuxt 4 app — <script setup reactivity, SSR/SSG/hybrid routeRules, the app/+server/ layout, SSR-safe fetching (useFetch/useAsyncData) and…

ericrisco/rsc-harness

Reach for this skill when an HTML artifact — report, deck, brief, mockup, dashboard, proposal, spec, or landing page, whether the user already has it or you just generated it — needs to reach other…

ooiyeefei/ccc

BillingSDK, the open-source React and shadcn component library for Dodo Payments billing UI.

hashgraph-online/awesome-codex-plugins

Provides patterns and code examples for building Next.js 16+ applications with App Router architecture.

giuseppe-trisciuoglio/developer-kit

Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best practices.

giuseppe-trisciuoglio/developer-kit

Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration.

giuseppe-trisciuoglio/developer-kit