Skills
.Work. You
Rest

component-patterns

Community

Organize Shadow Master components effectively.

Software Engineering#architecture#consistency#React#organize#component-patterns#exports#folder-structure
AuthorJasrags
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a standardized approach to organizing Shadow Master React components, solving inconsistencies in folder layout and export patterns across the codebase.

Core Features & Use Cases

  • Consistent root-level component structure and feature subfolders to promote reuse and maintainability.
  • Clear decision-flow guidance on when to create subfolders versus keeping single-file components.
  • Guidance on index exports and area-specific conventions to simplify imports across components/ui, components/creation, and components/character.

Quick Start

Review these patterns before creating or updating a component. Apply the decision flow and export conventions when structuring new components. For example, when starting a new feature, decide between a single-file component or a feature folder with an index.ts that re-exports key modules.

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: component-patterns
Download link: https://github.com/Jasrags/ShadowMaster/archive/main.zip#component-patterns

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 223,000+ vetted skills library on demand.