메뉴
React/TypeScript coding standards, patterns, and best practices. Use when writing, reviewing, or refactoring React code.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
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.
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)