Web Development Skill
CommunityGuidelines for TypeScript, React, and Next.js development.
Authorevanisnor
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill codifies best practices and architectural guidelines for building modern frontend applications using TypeScript, React, and Next.js, enabling consistent, scalable codebases.
Core Features & Use Cases
- Enforces Feature-Sliced Design layers and segment boundaries to maintain clear separation between app, pages, widgets, features, entities, and shared code.
- Provides structured guidance for ES module usage, public API surfaces, and naming conventions to improve team collaboration and maintainability.
- Offers practical patterns for state management (hooks, context, reducers), effects, and Next.js SSR considerations to reduce bugs and onboarding time.
Quick Start
Review existing project structure and refactor a sample module to follow Feature-Sliced Design guidelines.
Dependency Matrix
Required Modules
None requiredComponents
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: Web Development Skill Download link: https://github.com/evanisnor/quotecraft/archive/main.zip#web-development-skill Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.