Skills
.Work. You
Rest

Frontend Architect Skill

Community

Build robust React frontends.

Software Engineering#typescript#architecture#frontend#react#component design#api services
Authordorrio
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides expert guidance and enforces best practices for building modern, scalable, and maintainable React frontend applications.

Core Features & Use Cases

  • Component Architecture: Designs and implements applications using a clear, component-based structure following Atomic Design principles.
  • Service Layer: Establishes a centralized and organized pattern for API communication using pure async functions.
  • State & Routing: Manages application navigation and local state effectively, with explicit handling of loading and error states.
  • Technical Standards: Enforces TypeScript usage, pixel-perfect design implementation, and environment variable best practices.

Quick Start

Apply the frontend architect skill to refactor the existing user profile component to use TypeScript and adhere to Atomic Design principles.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: Frontend Architect Skill
Download link: https://github.com/dorrio/sorteo-app-generator/archive/main.zip#frontend-architect-skill

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.