GitHub
testing-components
Tests React components with Vitest and React Testing Library. Input: Component to test. Output: Test file with render, interaction, and assertion tests.
☆ 0查看技能
“React”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 部署与运维
全部技能
GitHub
creating-client-component
Creates interactive React Client Components with hooks and event handlers. Input: Component name, purpose, required interactivity. Output: Client component file with proper structure and tests.
☆ 0查看技能
GitHub
preloading-convex-data
Preloads Convex data in Server Components for SSR with client-side reactivity. Input: Query to preload and component that consumes it. Output: Server Component with preloadQuery + Client Component with usePrelo...
☆ 0查看技能
GitHub
testing-code
Tests code using Vitest and React Testing Library. Use for: unit tests, component tests, regression tests, bug fix verification. DO NOT use for: E2E tests (not set up), visual testing.
☆ 0查看技能
GitHub
brainstorming-ui-and-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 0查看技能
GitHub
gif-search
Generate search queries for finding reaction GIFs and memes for YouTube video retention. Use when adding humor, pattern interrupts, or emotional beats to video content. Creates optimized search queries for Giph...
☆ 0查看技能
GitHub
write-hook
Write React hooks following the Epic architecture patterns. Use when creating custom hooks for state management, server action calls, optimistic updates, and validation. Triggers on "create a hook", "add a hook...
☆ 0查看技能
GitHub
write-component
Write React components following the Epic architecture patterns. Use when creating page components, UI components, or refactoring components to follow the three-layer architecture. Triggers on "create a compone...
☆ 0查看技能
GitHub
tailwind-shadcn
Styling conventions for Vite + React projects using Tailwind CSS and shadcn/ui. Use when creating, styling, or refactoring React components, pages, or UI elements. Enforces clean component hierarchy with shadcn...
☆ 0查看技能
GitHub
react-project-structure
File and folder organization conventions for React + Vite + shadcn/ui projects. Use when creating new components, organizing files, deciding folder structure, naming files/folders, or reviewing project organiza...
☆ 0查看技能
GitHub
typescript
TypeScript conventions for ecommerce monorepo. Covers Next.js, Fastify, Prisma, Zod validation, React Query, and testing patterns. Triggers on "typescript", "type error", "ts", "tsx", "type hints", "zod schema"...
☆ 0查看技能
GitHub
radar-tinder-mobileapp-testing
Testing and validation workflows for the Radar Tinder mobile application built with Expo + React Native, Firebase (Auth, Firestore, Realtime/Cloud Functions), Maps APIs, and on-device ONNX inference. This skill...
☆ 0查看技能
GitHub
build-android-apk
自动化构建 React Native Android APK。包括依赖检查、Debug/Release 构建、设备安装。使用此 Skill 来构建 APK、测试安装、或排查构建问题。
☆ 0查看技能
GitHub
shadcn
Building UI with shadcn/ui components for consistent, accessible interfaces. Use when creating forms, buttons, dialogs, tables, and other UI elements with React and Tailwind CSS.
☆ 0查看技能
GitHub
react-router
Read this when working with React Router Specific Conventions; using file-based flat routes, testing with React Router's framework features.
☆ 0查看技能
GitHub
vitest-browser-react
Read this when you are testing React Component with Vitest Browser Mode tests. Test file extension is expected to `.browser.test.{ts,tsx}`.
☆ 0查看技能
GitHub
base-ui
This skills tells you how to access docs of Base UI. Base UI is a React component library focused on accessibility, performance, and developer experience.
☆ 0查看技能
GitHub
coding-guidelines
Comprehensive coding standards for TypeScript/JavaScript projects with React. Use when writing new code, refactoring, or setting up project structure. Focuses on e2e type-safety, readability, and maintainabilit...
☆ 0查看技能
GitHub
datastar
Hypermedia framework for building reactive web applications with backend-driven UI. Use this skill for Datastar development patterns, SSE streaming, signal management, DOM morphing, and the "Datastar way" philo...
☆ 0查看技能
GitHub
heroui-component
Scaffolds new HeroUI v3 React components using compound component patterns. Enforces named exports, onPress handlers, and direct imports from @heroui/react. Use when creating new UI components.
☆ 0查看技能
GitHub
code-review
Validates TypeScript/React code against dev_instruction_v3.md standards. Checks for anti-patterns like export default, onClick usage, wrapper components, and any types. Use before committing or during code revi...
☆ 0查看技能
GitHub
e2e-test-runner
Runs and debugs Detox E2E tests for MigraineTracker React Native app. Use when the user asks to run E2E tests, debug test failures, or investigate UI test issues. Automatically captures logs, analyzes screensho...
☆ 0查看技能
GitHub
pre-commit-validator
Validates code quality before commits in the MigraineTracker React Native project. Use this skill when preparing to commit code, before pushing changes, or when the user asks to run pre-commit checks. Ensures T...
☆ 0查看技能
GitHub
react-compound-components
React compound components pattern (safe, minimal context, ergonomic API)
☆ 0查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。