SkillsAdd

smithery.ai

Advanced React Clean Integration

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

$ npx skills add https://smithery.ai
View on skills.sh ↗ Website ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Shared topics
vercel-labs/agent-skills 326.5K installs
vercel-react-native-skills Shared topics
vercel-labs/agent-skills 205.5K installs
flutter-add-integration-test Similar name
flutter/agent-plugins

Configures Flutter Driver for app interaction and converts MCP actions into permanent integrati…

30.5K installs
mcp integration Similar name
anthropics/claude-code

This skill should be used when the user asks to "add MCP server", "integrate MCP", "configure M…

14.3K installs

Also in this package

Other skills from smithery.ai · top by installs.

npx skills add https://smithery.ai
smithery-ai-cli 7.8K frontend-design 6.2K skill-creator 2.5K ck:ui-ux-pro-max 1.3K pdf 1.2K xlsx 966 pptx 894 docx 884 webapp-testing 1 web-design-reviewer 657

Browse all from smithery.ai

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents claude-code

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 658 B
  • docs SUMMARY.md 250 B

History

  1. First recorded snapshot · 1 installs

SKILL.md

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](../../../agent-os/standards/advanced/react-clean-integration.md)