GitHub
component-design-reviewer
Reviews React components and provides improvement suggestions. Use when you need code review, component review, structure improvement, refactoring, or component separation.
☆ 0查看技能
“React”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 区块链
全部技能
GitHub
sixty-design-system
Sixty's production design system for enterprise SaaS applications. Use when building UI components, creating React/Next.js interfaces, styling dashboards, implementing light/dark themes, or applying Sixty's gla...
☆ 0查看技能
GitHub
diff-parsing-and-rendering
Reference for the @pierre/diffs code/file diff rendering library (React, vanilla JS, SSR, worker pool, caching). Use when you need API usage, setup, or configuration details for parsing diffs, rendering files,...
☆ 0查看技能
GitHub
frontend-react
Load when editing .tsx, .jsx files or working in components/, pages/, store/, hooks/. Provides React, TypeScript, Zustand state management, and WebSocket client patterns.
☆ 0查看技能
GitHub
tech-article-humanizer
Transform technical article drafts or source materials into human-like, high-quality Japanese technical articles. Use this skill when the user wants to generate, rewrite, or humanize technical articles (especia...
☆ 0查看技能
GitHub
vscode-webview-ui
Develop React applications for VS Code Webview surfaces. Use when working on the `webview-ui` package, creating features, components, or hooks for VS Code extensions. Includes project structure, coding guidelin...
☆ 0查看技能
GitHub
dnd-kit-implementation
Guide for implementing sortable and droppable components using dnd-kit library. Use this skill when building React applications that require drag-and-drop functionality with both container reordering (useSortab...
☆ 0查看技能
GitHub
react-router-v7-app
Implements React Router v7 app structure, routing patterns, and component templates. Use when creating or modifying React Router v7 applications to ensure consistent folder structure, data loading patterns, and...
☆ 0查看技能
GitHub
cloudflare-static-assets
Configure and use Cloudflare Static Assets with React Router, ensuring compatibility across development and production environments with automatic fallback handling. Use when deploying React Router applications...
☆ 0查看技能
GitHub
guitar-fretboard
Create interactive guitar fretboard visualizations for scales, chords, CAGED system, triads, intervals, and note positions. Use this skill when users ask to build guitar learning tools, visualize scales/modes/p...
☆ 0查看技能
GitHub
react-mobile-app-dev
专门用于React移动端Web应用开发的技能，涵盖响应式设计、性能优化、PWA、触摸交互、移动端适配等全流程开发指导。
☆ 0查看技能
GitHub
component-refactoring
Refactor high-complexity React components. Use when complexity is high, when the user asks for code splitting, hook extraction, or complexity reduction.
☆ 0查看技能
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查看技能
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 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。