菜单
Enforces project React component testing conventions using Testing Library with proper rendering, user interactions, and accessibility testing.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Enforces project caching conventions when implementing cache layers using React cache(), Next.js unstable_cache, Upstash Redis, and Cloudinary. This skill ensures consistent patterns for cache keys, tags, TTL configuration, cache invalidation, and domain-specific CacheService helpers.
Enforces project client component conventions for interactive React components with hooks, event handlers, Radix UI integration, and server action consumption. Extends react-coding-conventions with client-specific patterns.
Enforces project Cloudinary media conventions when working with image uploads, URL generation, transformations, social sharing images, and photo management components. This skill covers the complete media workflow including CloudinaryService operations, URL utilities, CldImage/CldUploadWidget components, path organization, type definitions, and Sentry integration.
Enforces project database schema conventions when creating or modifying Drizzle ORM table definitions, including constraints, indexes, relations, and column patterns. This skill should be used proactively whenever working with schema files to ensure consistent schema design for PostgreSQL with Neon serverless.
Enforces project Drizzle ORM coding conventions when creating or modifying database queries, schemas, and migrations. This skill ensures consistent patterns for query structure, type safety, permission filtering, pagination, resilience, and database operations.
Enforces project E2E testing conventions using Playwright with custom fixtures, Page Object Model, and authentication contexts.
| name | component-testing |
| description | Enforces project React component testing conventions using Testing Library with proper rendering, user interactions, and accessibility testing. |
| user-invocable | false |
This skill provides React component testing conventions using Testing Library. Component tests verify rendering, user interactions, and accessibility of React components.
This skill activates when:
tests/components/.tsx files)userEventtests/components/**/*.test.tsxtests/components/)references/Component-Testing-Conventions.mdtesting-base skill for shared conventionscustomRender from tests/setup/test-utils.tsx{ user, ...renderResult } with pre-configured userEventgetByRole for accessibilitygetByTestId with namespace pattern (ui-, feature-, form-*)getByText, getByLabelText for contentqueryBy* for assertions on missing elementsuser from customRender return (pre-configured userEvent)await user interactionsvi.mock()references/Component-Testing-Conventions.md - Complete component testing conventions