react-codebase

仓库创建 2026年7月6日最近提交 22 天前SkillHot 收录 22 天前

▸ 精选理由

帮助新成员快速对齐代码风格与组件约定。

这个 Skill 做什么

项目专属 React 代码与设计规范，补充通用 React 指南。

提供这个项目专属的 React 代码与设计规范，覆盖组件写法、hooks 使用、状态管理、UI 设计、配色、动画和 TailwindCSS 约定。在改组件、实现交互或做界面一致性调整时要优先参考它。它不是泛泛的 React 教程，而是把项目的既定约定和最佳实践整理成可直接遵循的规则。

▸ 展开 SKILL.md 英文原文

Project-specific React codebase & design-admin conventions. PROACTIVELY use when working with React components, hooks, state management, UI design, colors, animations, TailwindCSS in this codebase. Triggers: React, JSX, hooks, useState, useEffect, component, tailwind, design, dark mode

开发编程React项目规范Tailwind通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/vinhio/skills/main/react-codebase/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/vinhio/skills/main/react-codebase/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# React Codebase

Project-specific conventions for this codebase's React components, design system, and component library — on top of the generic React/TypeScript expertise in the `react-expert` skill. This skill covers *what's specific to this project*; for general React patterns (hooks rules, component design, performance, accessibility, state management options), see the `react-expert` skill instead of duplicating that guidance here.

## Table of Contents

- [Project Context](#project-context)
- [Auto-Detection](#auto-detection)
- [Reference Guide](#reference-guide)
- [Constraints](#constraints)
- [Quick Reference](#quick-reference)

## Project Context

Before generating any code, skim `r

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有