Skills
.Work. You
Rest

miolo-react-patterns

Community

Standardize React patterns for miolo apps.

Software Engineering#architecture#components#hooks#contexts#react-patterns#miolo
Authorafialapis
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Fragmented React patterns across miolo client applications lead to inconsistent code structure and slower onboarding. This skill defines standard patterns to streamline development and ensure predictable, maintainable code.

Core Features & Use Cases

  • Component organization in src/cli with fixed subdirectories for components, contexts, hooks, layout, and pages.
  • Three-file context pattern (Context, Provider, and useContext hook) for reusable state management.
  • Best-practice guidelines for imports, file extensions, Tailwind usage, and modular page design.
  • Use Case: teams onboarding new miolo projects can reuse these patterns to accelerate feature development and maintain consistency across apps.

Quick Start

Organize a new feature in src/cli using the three-file context pattern and the recommended component folder structure, then switch imports to the #cli aliases.

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: miolo-react-patterns
Download link: https://github.com/afialapis/miolo/archive/main.zip#miolo-react-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.