菜单
React/TypeScript coding standards, patterns, and best practices. Use when writing, reviewing, or refactoring React code.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | react |
| description | React/TypeScript coding standards, patterns, and best practices. Use when writing, reviewing, or refactoring React code. |
| paths | ["**/*.jsx","**/*.tsx","**/*.ts","**/*.js","**/package.json"] |
| compatibility | React 18+, TypeScript 5+ |
| allowed-tools | Bash(pnpm *) Bash(tsc *) Bash(vitest *) Bash(playwright *) |
Covers React/TypeScript development standards: clean code, component patterns, testing, static analysis, concurrency, and data fetching.
| File | Contents |
|---|---|
clean-code.md | Naming, hooks, props, ES6+, performance, styling |
patterns.md | Composition, Custom Hooks, Context Provider |
testing.md | Vitest + React Testing Library, mocking, timeouts |
static-analysis.md | ESLint + Prettier + TypeScript config |
parallel.md | React 18 concurrent, Web Workers, Suspense |
ipc.md | Fetch/Axios, WebSockets, Context state management |
| Convention | Rule |
|---|---|
| Components | PascalCase |
| Props | camelCase |
| Event handlers | handle prefix (handleClick) |
| Boolean props | is/has/should prefix |
| Constants | UPPER_SNAKE_CASE |
| Files | Match component name (UserProfile.tsx) |
tsc --noEmit)Camoufox persistent browser automation — anti-bot bypass, CAPTCHA solving, SSO/cookie injection, and headless control patterns. Covers the interactive CLI server, route interception, Capsolver integration, PerimeterX/Cloudflare bypass, Angular/React SPA automation, Firefox cookie extraction, and security incident response. Use when user needs persistent browser automation on anti-bot sites or security incident handling. Triggers: Camoufox, anti-bot, CAPTCHA, Cloudflare bypass, cookie injection, stealth browser, session theft, security incident, Clerk revocation
Build, redesign, or critique presentation slides and decks that are grounded in cognitive science — Assertion-Evidence structure, minimal cognitive load, Picture-Superiority, strict visual hierarchy, WCAG accessibility — and free of generic "AI-slop." Use this whenever the user wants to make a presentation, build or improve a slide deck, create a pitch deck, fix ugly / overloaded / text-heavy slides, prepare a talk or lecture, or mentions slides, deck, PowerPoint, Keynote, Google Slides, or Slidev — even if they never say the words "good design." Also use when reviewing an existing deck for clarity, hierarchy, overflow, contrast, or signs of generic AI generation. The skill builds decks as Slidev (Markdown + HTML/CSS) and self-verifies by rendering to images and actually looking at them before delivering.
Python coding standards, patterns, and best practices. Use when writing, reviewing, or refactoring Python code.
C++ coding standards, patterns, and best practices. Use when writing, reviewing, or refactoring C++ code.
C# coding standards, patterns, and best practices. Use when writing, reviewing, or refactoring C# code.