Skills
.Work. You
Rest

fe-development

Community

FE development rules for scalable UI components

Software Engineering#typescript#architecture#frontend#nextjs#tailwind#fsd#component-patterns
Authorxmun74
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This FE development guide standardizes component creation, API integration, and architecture practices to accelerate frontend work while ensuring consistency and safety across the codebase.

Core Features & Use Cases

  • Component patterns: Consistent React components with named exports, strict TypeScript typings, and no default exports for most files.
  • FSD rules & architecture: Enforces Feature-Sliced Design v2.1 structure and TypeScript safety.
  • API integration: Guidelines for server components, TanStack Query usage, and Next.js App Router compliance.
  • Use Case: A frontend team uses the guide to scaffold a new feature with predictable structure and SSR/SSG patterns.

Quick Start

Create a new frontend feature following the guide's rules and ensure components use named exports with server components where appropriate.

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: fe-development
Download link: https://github.com/xmun74/chordlens/archive/main.zip#fe-development

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.