LogoClawIndex
案例技能关于
LogoClawIndex

solid-react - SOLID React架构与代码质量

为React 19实施SOLID原则,包括文件大小限制、模块化架构和代码质量标准

标签

更新于: 2026-03-19
ReactSOLID架构代码质量TypeScript测试

能力

分析项目结构读取现有文件识别模式搜索代码库

典型输入

项目结构现有代码库SOLID原则文档

典型输出

React 19代码小于50行的组件小于30行的Hooks

该技能可以做什么

  • 分析项目结构
  • 读取现有文件
  • 识别模式
  • 搜索代码库
  • 复用现有代码
  • 创建共享模块
  • 拆分文件
  • 编写组件
  • 创建Hooks
  • 编写服务
  • 定义接口
  • 添加JSDoc
  • 编写测试
  • 验证代码

输入

  • 项目结构
  • 现有代码库
  • SOLID原则文档
  • 架构模式
  • 代码模板

输出

  • React 19代码
  • 小于50行的组件
  • 小于30行的Hooks
  • 小于40行的服务
  • 接口文件
  • JSDoc文档
  • 测试文件

要求

  • React 19
  • TanStack Query
  • Zustand
  • Zod
  • TypeScript
  • Vitest
  • Testing Library

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。