GitHub
tailwind
Tailwind CSS patterns for utility-first styling, responsive design, and component composition. Trigger: When styling with Tailwind CSS, when implementing responsive designs, when building UI components, when co...
☆ 0查看技能
“React”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 部署与运维
全部技能
GitHub
dynamic-res-scaler
Implement dynamic resolution scaling for React Three Fiber / Three.js by adjusting DPR based on measured FPS. Use when asked to add adaptive performance scaling, automatic DPR tuning, or a DynamicResScaler-styl...
☆ 0查看技能
GitHub
react
React patterns for Effect Atom state, Suspense, hooks, component structure. Use for React UI work.
☆ 0查看技能
GitHub
performance
Performance rules for React and Effect. Use for caching, rendering, data flow.
☆ 0查看技能
GitHub
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45 rules across 8 categories, prioritized by impact. ALWAYS load when working with React/Next.js code: - Writing new Reac...
☆ 0查看技能
GitHub
awwwards-website
Instructions and best practices for creating advanced, award-winning websites in a single HTML file (no React) with focus on immersive UX, premium motion, and high-end aesthetics.
☆ 0查看技能
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 0查看技能
GitHub
github-sync
Automatically sync with GitHub at session start and remind Claude to push/pull changes as it works. Triggers on session start, reactivation, or when working in git repositories.
☆ 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
solidjs
Expert guide for SolidJS development, covering reactivity, component patterns, and migration from React.
☆ 0查看技能
GitHub
senior-qa
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications. Includes test suite generation, coverage analysis, E2E testing setup,...
☆ 0查看技能
GitHub
senior-architect
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes archi...
☆ 0查看技能
GitHub
senior-fullstack
Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns...
☆ 0查看技能
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查看技能
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
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 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。