GitHub
tdd
Guide for implementing features using Test-Driven Development (TDD) methodology. Use when: (1) User requests to implement a feature using TDD, (2) User asks to write tests first before implementation, (3) User...
☆ 0查看技能
“React”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 部署与运维
全部技能
GitHub
senior-architect
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, Bun, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architec...
☆ 0查看技能
GitHub
technical
Comprehensive technical architecture guidance for full-stack applications. Use when discussing system design, component architecture, API design, database schema, state management, deployment strategies, perfor...
☆ 0查看技能
GitHub
storybook-generator
Reactコンポーネントを作成または修正した際に、対応するStorybookストーリーファイルを自動的に作成します。コンポーネント作成時、コンポーネント修正時に使用されます。
☆ 0查看技能
GitHub
frontend-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
react-modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React...
☆ 0查看技能
GitHub
discovery-desktop
Development skill for CaseMark's discovery-desktop application - a legal e-discovery platform for document upload, OCR processing, and semantic search. Built with Next.js 16, React 19, Drizzle ORM, and Case.d...
☆ 0查看技能
GitHub
apex-os-design
Generates premium dark-mode UI for Apex OS wellness app (React Native + Expo 54). Use when designing screens, creating components, making layout decisions, generating data visualizations, or writing frontend co...
☆ 0查看技能
GitHub
frontend-accessibility
Build accessible user interfaces following WCAG guidelines with semantic HTML, keyboard navigation, screen reader support, and proper color contrast. Use this skill when creating or modifying UI components, imp...
☆ 0查看技能
GitHub
global-coding-style
Apply consistent coding style and formatting standards using automated tools (ESLint, Prettier, Ruff) with clear naming conventions, top-down code organization, and appropriate function/component sizing. Use th...
☆ 0查看技能
GitHub
frontend-components
Structure React 19+ components following best practices for organization, state management, props handling, and code readability with top-down structure and single responsibility principle. Use this skill when...
☆ 0查看技能
GitHub
global-validation
Implement comprehensive validation using Zod schemas for type-safe validation on both client and server, with server-side validation as the security boundary (never trust client input). Use this skill when vali...
☆ 0查看技能
GitHub
ngx-design-system
Premium dark mode design system for NGX Genesis. Use when creating web interfaces, landing pages, dashboards, React components, or any UI for the NGX ecosystem. Includes color tokens, glassmorphism effects, neo...
☆ 0查看技能
GitHub
frontend-expert
Expert frontend development with React, Vue, Next.js, state management, and modern UI/UX patterns
☆ 0查看技能
GitHub
chatkit-frontend
Build production-ready chat UI with OpenAI ChatKit React components. Handles ChatKit installation, useChatKit hook configuration, theming, streaming display, conversation sidebar, and rich widgets. Use when imp...
☆ 0查看技能
GitHub
zero-to-running
Automate local development environment setup for multi-service applications. Use when developers need to quickly set up or configure local dev environments with frontend (React/TypeScript/Tailwind), backend (No...
☆ 0查看技能
GitHub
gemini-frontend-assistant
A specialized skill for frontend development tasks using the Gemini CLI. It leverages Gemini's multimodal capabilities for generating UI code (React, Tailwind CSS) from descriptions or images (screenshots).
☆ 0查看技能
GitHub
flutter-riverpod-expert
Expert knowledge in Flutter Riverpod state management (2025 best practices). Use when working with Riverpod, Flutter state management, AsyncNotifier, provider types, code generation with riverpod_generator, sta...
☆ 0查看技能
GitHub
radix-ui
Use for accessible React primitives when shadcn doesn't have the component you need
☆ 0查看技能
GitHub
web-scraping-with-playwright
Use when extracting structured data from websites using Playwright MCP tools, when handling login/authentication flows, when crawling paginated content, or when building scrapers that navigate dynamic SPAs with...
☆ 0查看技能
GitHub
shadcn
Use for React component implementation with shadcn/ui - accessible, customizable components
☆ 0查看技能
GitHub
component-patterns
Build well-structured React components using variant patterns, pure components, and container patterns. Provides patterns for component organization, type safety, and separation of concerns. Use when: building...
☆ 0查看技能
GitHub
fullstack-app
Guidance for building fullstack apps with Vite (React + TypeScript) frontend and FastAPI backend. Use when demos need a web UI beyond what Streamlit provides.
☆ 0查看技能
GitHub
react-component
Create React components following Atomic Design and project patterns. Use when asked to create a new component, build UI, or implement a feature with React.
☆ 0查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。