Skills
.Work. You
Rest

discover-frontend

Community

Automate React, Next.js, and accessible UI development.

Software Engineering#performance#accessibility#state management#React#frontend#data fetching#Next.js
Authorrand
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frontend development is a vast and rapidly changing field, making it hard to keep up with best practices for React, Next.js, state management, accessibility, and performance. This skill provides instant access to expert guidance, streamlining your development and ensuring high-quality user interfaces.

Core Features & Use Cases

  • Modern Frontend Stack: Covers React component patterns, Next.js App Router, state management (Zustand, Redux), data fetching (SWR, React Query), form handling, web accessibility, performance optimization, and SEO.
  • Intelligent Activation: Automatically loads when you're engaged in frontend web development tasks, providing context-aware guidance.
  • Use Case: When building a new Next.js application, this skill can guide you through setting up the App Router, designing reusable React components, implementing efficient data fetching, and ensuring accessibility and SEO from the start.

Quick Start

Help me build a new Next.js application using the App Router and implement global state management.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: discover-frontend
Download link: https://github.com/rand/cc-experiments/archive/main.zip#discover-frontend

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.