ワンクリックで
react
React/TypeScript coding standards, patterns, and best practices. Use when writing, reviewing, or refactoring React code.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
React/TypeScript coding standards, patterns, and best practices. Use when writing, reviewing, or refactoring React code.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
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.
| 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)