advanced-react-clean-integration

Étoiles8

Forks0

Mis à jour15 décembre 2025 à 05:29

Integrate React with clean architecture without framework leakage using hooks as adapters and presenters. Use when connecting React to domain logic, designing hook-based DI, or isolating UI from business rules.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

leaderiop

leaderiop/hex-di

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

name	Advanced React Clean Integration
description	Integrate React with clean architecture without framework leakage using hooks as adapters and presenters. Use when connecting React to domain logic, designing hook-based DI, or isolating UI from business rules.

Advanced React Clean Integration

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle React integration without architectural leakage.

Instructions

For details, refer to the information provided in this file: react-clean-integration

Plus depuis ce dépôt

même dépôt

advanced-clean-hexagonal-architecture

leaderiop/hex-di

Apply Clean Architecture and Hexagonal (Ports & Adapters) patterns for domain isolation and testability. Use when designing system boundaries, creating ports/adapters, or structuring domain-driven applications.

2025-12-158

advanced-deterministic-runtime-container

leaderiop/hex-di

Build deterministic IoC containers with proper lifecycle management, scoping, and disposal patterns. Use when implementing DI containers, managing service lifetimes, or designing runtime systems.

2025-12-158

advanced-effect-di-environment

leaderiop/hex-di

Model dependencies using Effect-style Context, Layer, and Service patterns with compile-time safety. Use when designing DI systems, modeling environments, or building Effect-TS applications.

2025-12-158

advanced-modular-library-design

leaderiop/hex-di

Design modular libraries with clear package boundaries, feature-first organization, and clean API surfaces. Use when structuring monorepos, defining module boundaries, or designing library APIs.

2025-12-158

advanced-testability-ai-ergonomic

leaderiop/hex-di

Design code for testability and AI/LLM ergonomics with explicit contracts and observable patterns. Use when optimizing code for AI tools, improving testability, or making codebases LLM-friendly.

2025-12-158

advanced-typescript-type-level

leaderiop/hex-di

Master TypeScript type-level programming with conditional types, mapped types, template literals, and infer patterns. Use when writing advanced types, creating utility types, or solving complex type challenges.

2025-12-158

Exécutez n'importe quel Skill en un clic