Can it help me make my website more accessible?

Absolutely. It includes a dedicated accessibility sub-skill focused on WCAG 2.1 AA compliance, ARIA attributes, and keyboard navigation.

What is the discover-frontend skill for Claude Code?

It is a discovery gateway that allows Claude to automatically access specialized knowledge for modern web development, including React, Next.js, and UI optimization.

Does it support the latest Next.js features?

Yes, it is optimized for Next.js 14+ including the App Router, Server Components, and Server Actions.

Does this skill help with state management decisions?

Yes, it provides a decision framework for choosing between local state, Context API, Zustand, or Redux Toolkit based on project complexity.

How does this skill save context tokens?

It uses progressive loading, meaning Claude only loads specific sub-skills like 'nextjs-seo' or 'web-accessibility' when the current task requires them, rather than loading everything at once.

Frontend Development Discovery

Name: Frontend Development Discovery
Author: rand

byrand

•

디자인 도구

Automatically identifies and loads specialized frontend skills for React, Next.js, and modern web application development.

This skill acts as an intelligent gateway for frontend engineering within Claude Code, automatically activating when it detects tasks involving React or Next.js. It implements a context-efficient progressive loading system that allows Claude to access specific deep-domain knowledge for state management, data fetching, accessibility, and performance optimization only when needed, ensuring high-quality code generation while maintaining a slim context window.

주요 기능

0157 GitHub stars

02Automatic activation for React and Next.js App Router projects

03Comprehensive workflows for state management, data fetching, and forms

04Support for advanced browser concurrency and Web Workers patterns

05Context-efficient progressive loading of specialized frontend sub-skills

06Built-in standards for WCAG 2.1 AA accessibility and SEO optimization

사용 사례

01Optimizing Core Web Vitals and frontend bundle performance

02Implementing accessible design systems and complex form validation

03Architecting full-stack Next.js applications with Server Components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rand/cc-polymath discover-frontend

For use in Claude.ai and ChatGPT

Download Skill