react-code-review-patterns
✓查看 React/TypeScript 前端代碼審查的清單和模式。在以下情況下使用:(1) 檢查 React 組件,(2) 檢查 TypeScript 類型安全性,(3) 驗證鉤子使用情況,(4) 檢查可訪問性合規性。
SKILL.md
| 1 | Security | No secrets, XSS prevention, safe innerHTML | | 2 | Type Safety | No any, explicit types, proper generics | | 3 | React Patterns | Hooks rules, component structure, keys | | 4 | Performance | Memoization, bundle size, re-renders | | 5 | Accessibility | ARIA, keyboard nav, semantic HTML |
| Type annotations | Explicit types | any, implicit any | | Generics | Proper constraints | | | Null handling | Strict null checks | ! assertions | | Type guards | Proper narrowing | Type casting | | API types | Generated from schema | Manual types | | Enums | String enums or const objects | Numeric enums |
| Component type | Functional components | Class components | | Props typing | Interface/type for props | Inline types, any | | Default props | Default parameters | defaultProps | | Children | Explicit children prop | Implicit | | Fragments | <> or Fragment | Unnecessary divs | | Keys | Stable, unique keys | Index as key |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/thapaliyabikendra/ai-artifacts --skill react-code-review-patterns- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 react-code-review-patterns?
查看 React/TypeScript 前端代碼審查的清單和模式。在以下情況下使用:(1) 檢查 React 組件,(2) 檢查 TypeScript 類型安全性,(3) 驗證鉤子使用情況,(4) 檢查可訪問性合規性。 來源:thapaliyabikendra/ai-artifacts。
如何安裝 react-code-review-patterns?
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/thapaliyabikendra/ai-artifacts --skill react-code-review-patterns 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪?
https://github.com/thapaliyabikendra/ai-artifacts
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01