GitHub
design-review
Evaluate a React component against the Design System and propose UX/UI improvements based on Figma best practices. Use when reviewing components for design compliance, checking UI consistency, or improving user...
☆ 1查看技能
“React”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 内容与媒体
全部技能
GitHub
nextjs-patterns
Next.js 15+ development patterns with App Router, Server Components, Client Components, and Convex integration. Use when building React components, pages, layouts, or working with Next.js features in this monor...
☆ 1查看技能
GitHub
tailwind-design
Create distinctive, production-grade frontend interfaces using Tailwind CSS and shadcn/ui. Use when building React components, pages, or applications that need polished visual design. Generates creative, memora...
☆ 1查看技能
GitHub
ui-styling
Use when building or styling React-based UIs with shadcn/ui and Tailwind CSS, including responsive layouts, accessible components, and theme customization.
☆ 1查看技能
GitHub
ui-style-compliance
Use when designing or reviewing UI in React-based frameworks (Next.js, Vite, Remix, Astro) and the task involves checking interface style, interaction, animation, typography, layout, performance, or design cons...
☆ 1查看技能
GitHub
senior-frontend
Use when developing or reviewing frontend features in React/Next.js/TypeScript, including performance optimization, component scaffolding, and UI implementation.
☆ 1查看技能
GitHub
react-best-practices
Performance optimization guide for React and Next.js. Use when writing, reviewing, or refactoring React code, optimizing performance, or asking about React best practices.
☆ 1查看技能
GitHub
typescript-write
Write TypeScript/React code following Semicolon team standards with DDD architecture, Supabase integration, and TDD approach. Use when developing Next.js features.
☆ 1查看技能
GitHub
dioxus-component-patterns
Master Dioxus component patterns and reactive state management. Use when building Dioxus components, managing component state, or implementing component interactions.
☆ 1查看技能
GitHub
react-useeffect
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternati...
☆ 1查看技能
GitHub
ui-ux-pro-max
UI/UX design intelligence. 57 styles, 96 palettes, 50 font pairings, 25 charts, 11 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Search and apply design best practic...
☆ 1查看技能
GitHub
frontend-design-expert
构建现代化的 UI/UX 设计，编写 Flutter/React 组件，配色方案与无障碍设计
☆ 1查看技能
GitHub
vue-development-skill
Vue.js progressive JavaScript framework. Use for Vue components, reactivity, composition API, and frontend development.
☆ 1查看技能
GitHub
ai-sdk-v6
Guide for building AI-powered applications using the Vercel AI SDK v6. Use when developing with generateText, streamText, useChat, tool calling, agents, structured output generation, MCP integration, or any LLM...
☆ 1查看技能
GitHub
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 1查看技能
GitHub
drug-safety-analyst
Analyze FDA adverse event data, compare drug safety profiles, detect safety signals, and provide pharmacovigilance insights. Use when users ask about drug side effects, adverse reactions, safety comparisons, FD...
☆ 1查看技能
GitHub
ink-setup
Configure ink (React for CLI) in a Dungeonmaster package. Use when setting up a new CLI package with ink, troubleshooting ESM/bundling issues with ink, or creating ink adapters and widgets.
☆ 1查看技能
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...
☆ 1查看技能
GitHub
testing-patterns
TDD/BDD workflows for FastAPI + React stack with pytest, vitest, and integration testing. Use when writing tests, configuring test runners, or implementing test-driven development.
☆ 1查看技能
GitHub
storybook-journeys
Create Storybook "user journey" storyboards for React apps (page/screen stories, MSW API mocking, interaction play functions, and optional Storybook test-runner setup). Use when the user wants Storybook demos o...
☆ 1查看技能
GitHub
react-development
Modern React architecture patterns and web interface guidelines. Container/View split, framework adapters, React Query, dependency injection, Storybook-first development, accessibility, interactions, animations...
☆ 1查看技能
GitHub
clean-code
Comprehensive clean code workflow that analyzes codebase, recommends best practices, and applies clean code principles for React, Next.js, and modern tooling.
☆ 1查看技能
GitHub
react-forms
Apply when building forms with validation, handling form state, or integrating with validation libraries like Zod.
☆ 1查看技能
GitHub
react-state-management
Apply when deciding state management approach: local state, context, Zustand for client state, or TanStack Query for server state.
☆ 1查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。