写React组件 的 AI Skill
共 258 个，按热度排序。把写React组件这件事交给 AI 来做。
ai-website-cloner-template
一个利用AI智能体将任意网站逆向工程为现代Next.js代码库的可复用模板。
pi-prompt-template-model
为Pi编码助手提供提示词模板选择器
React
React应用开发、调试与代码审查的专家级助手
React
专为React应用开发、调试与代码审查设计的AI助手
React
React应用开发、调试与代码审查的专家级助手。
React
React应用开发、调试与代码审查的专属助手
React
专注于React应用开发、调试与代码审查的AI助手
React
专注于React应用开发、调试与代码审查的全栈助手
React
React 应用构建、调试与审查的 AI 助手
React
React应用开发、调试与代码审查的一站式助手
React
React应用开发、调试与代码审查的AI助手
React
专为React应用开发、调试与代码审查设计的AI助手技能。
NextJS
一站式 Next.js App Router 开发助手
web-development
Web前端开发全流程辅助工具
web-development
Web前端开发全流程辅助Skill
web-development
专注于Web前端开发与部署的AI助手技能
web-development
专注于Web前端开发实现、调试与部署的AI技能。
web-development
专注于Web前端开发、调试与部署的AI助手技能。
web-development
专注于Web前端开发与部署的AI助手，尤其擅长React、Vue、Vite和云开发。
web-development
专注于产品方向明确后的Web前端实现与部署，尤其擅长React、Vue、Vite等技术栈。
web-development
专为明确产品方向后的Web前端开发、调试与部署提供支持。
web-development
专注于Web前端开发、调试与部署的AI助手技能。
web-development
为明确产品方向后的Web前端开发提供全流程支持。
web-development
专注于Web前端开发、构建、调试与部署的AI助手技能。
Tailwind CSS
专业调试Tailwind CSS的AI助手
Next.js Tailwind Assistant
专为Next.js与Tailwind CSS开发者打造的AI助手，提供组件、文档与模式支持。
GitHub Code Search
在GitHub海量代码库中搜索真实世界的代码模式和实现示例。
Auto Coding V3
全子代理架构的智能自主编码系统
Auto Coding V3
全子代理架构的智能自主编码系统
Auto Coding V3
全子代理架构的智能自主编码系统，支持8步循环与风险量化
frontend-design
创建有特色、可访问的前端界面
frontend-design
通过精心设计的调色板、字体和布局，创建独特且可访问的前端界面。
frontend-design
快速构建可访问的独特前端界面
frontend-design
打造精美可访问的前端界面
frontend-design
通过精心设计的色彩、字体与布局，创建独特且可访问的前端界面。
ia-react-frontend
提供React、TypeScript、Next.js等前端架构与开发的最佳实践和代码示例。
ia-react-frontend
React前端开发架构与最佳实践指南
ia-react-frontend
React架构模式与TypeScript最佳实践
ia-react-frontend
React 前端架构与 TypeScript 开发技能
ia-react-frontend
React前端架构模式与开发实战指南
ia-react-frontend
React架构、TypeScript、Next.js与测试的AI编码助手
ia-react-frontend
React 前端开发最佳实践与测试辅助
ia-react-frontend
React前端架构与TypeScript最佳实践
ia-react-frontend
为React/Next.js前端开发提供架构模式与最佳实践指导
@pixu1980/pi-path-picker
为AI编码助手提供交互式文件路径自动补全
通用大模型 GPT 5.5
OpenAI 通用大模型，平衡推理与速度
Coding Agent Cellcog
AI编码代理，本地运行，支持代码生成、调试、重构与探索
Coding Agent Cellcog
基于CellCog的AI编码代理，直接在本地机器上执行代码操作。
Pair Programming Cellcog
本地AI结对编程桌面工具
Coding Agent Cellcog
CellCog驱动的AI编码代理，直接在本地机器上执行代码生成、调试等任务。
Coding Agent Cellcog
AI编码代理，支持代码生成、调试、重构和终端操作。
Pair Programming Cellcog
AI结对编程，本地运行，代码调试重构全搞定
Coding Agent Cellcog
CellCog驱动的AI编码代理，直接在本地机器上执行代码操作。
Pair Programming Cellcog
在本地机器上实现AI结对编程，辅助代码编写、调试与重构
大模型对话 Claude Opus 4.7
旗舰多模态大模型对话与代码生成助手
大模型对话 Claude Opus 4.7
封装Claude Opus 4.7的多模态对话与代码生成Skill
tanstack
使用 TanStack 全家桶构建类型安全的 React 应用。
tanstack
构建类型安全的React应用，集成数据管理、路由和SSR。
tanstack
构建类型安全的React全栈应用，涵盖数据、路由与SSR。
tanstack
基于TanStack生态构建类型安全的React全栈应用。
tanstack
用 TanStack 构建类型安全的 React 应用
gemini-delegation
将任务委派给 Gemini CLI，以使用 Google 模型
fswe
24模块全栈工程技能，覆盖架构到安全
privy-integration
集成Privy认证、嵌入式钱包与支付协议的AI应用开发工具
Design Taste Frontend
为着陆页和作品集注入设计品味的AI前端技能
Design Taste Frontend
避免草率设计的前端生成技能
pi-cozy-ui
为Pi桌面提供舒适UI主题和侧边栏输入框的组件库。
typescript-dev
全栈TypeScript项目脚手架，集成前沿工具链
typescript-dev
全栈TypeScript开发套件，集成最新工具链
typescript-dev
全栈TypeScript开发环境，集成Vite/React/Tailwind/shadcn/ui等
Auth0 React
为React应用快速集成Auth0身份验证（已弃用）
Auth0 React
为React SPA添加Auth0登录保护
Auth0 React
为 React 应用集成 Auth0 认证功能
Auth0 React
为React SPA添加Auth0登录认证
Auth0 React
为React SPA集成Auth0登录/登出/保护路由的Skill（已废弃）
Auth0 React
为React应用快速集成Auth0身份认证（已弃用）
Auth0 React
已废弃的React应用Auth0身份验证集成方案
Auth0 React
为React SPA集成Auth0登录认证
Zustand State
Zustand 轻量状态管理库
@zea.cl/soma-sdk
用于快速构建AI协作平台的React组件库。
@async23/pi-codex-fast
一键切换Pi中OpenAI Codex的快速模式
pi-spotify-widget
为Pi Coding Agent设计的轻量级Spotify正在播放小部件。
@open-hax/uxx
基于React的UI组件库，提供设计令牌、主题和调色板。
split-editor
在tmux分屏中实时编辑AI提示词，不冻结界面
pi-build-ios-apps
为树莓派上的React Native项目提供浏览器优先开发与iOS冒烟测试
@khmuhtadin/pi-stitch-mcp
连接Pi与Google Stitch MCP服务器，实现Figma设计稿一键生成多平台代码。
pjlee-pi-package
Peter开发的AI编程助手增强包
@zenobius/pi-footer
为Pi Coding Agent界面提供可自定义的页脚组件。
pi-suggest
为Pi UI的自动补全、标签、选择器提供LLM生成的下一步建议
zap-coding-agent
基于AST索引与懒加载技能的本地AI编码代理，极致优化Token消耗。
agentify
为React组件添加语义元数据，使其可被AI模型理解与交互。
Ant Design Components MCP服务器
专为Ant Design组件库打造的文档查询与集成探索工具
dify
集成Dify API，快速生成Ant Design组件代码的MCP工具。
figma
将Figma设计稿自动转换为React Native代码的MCP工具。
Magic (21st.dev UI Generator) MCP
用自然语言描述，快速生成UI组件代码的IDE工具。
magic
AI驱动UI组件生成，支持多IDE集成
mcp
将Figma设计稿一键转换为React组件，支持TypeScript和Tailwind CSS。
mcp
基于Cloudflare Workers的智能图标搜索工具
shadcn
让AI助手直接操作shadcn/ui组件库的MCP服务器
starwind
助力Starwind UI组件开发的MCP工具
SupaUI MCP服务器
通过自然语言交互，快速创建、查找和浏览React组件的开发工具。
taroify
连接Taro React UI与大模型，快速检索小程序组件API的MCP工具
MCP Magic UI服务器
基于MCP协议连接AI与Magic UI组件库的开发工具。
Tailwind to NativeWind MCP服务工具
Tailwind组件转NativeWind 4的MCP工具
AI
基于Dify API，快速生成前端组件代码的TypeScript MCP工具。
Cloudscape MCP助手
为Roo AI集成AWS Cloudscape组件库，提升前端开发效率。
context7
为AI代码编辑器提供最新库文档服务的MCP服务器
figma
一个集成React与TypeScript的MCP服务器开发模板
Figma MCP Server
连接Figma与大模型的MCP中间件，实现设计到代码的自动转换
Framelink Figma MCP服务器
连接Figma与AI编程工具，实现设计稿到代码的一键转换。
Gravity Global Figma MCP
连接Figma与Cursor，实现设计稿到代码的自动转换
starwind
为开发者提供与Starwind UI组件库交互的MCP工具。
supabase
集成Supabase用户认证与实时更新的全栈待办事项应用开发工具。
test
基于Waku框架与Neon MCP开发的Anthropic API聊天界面
Yeoman MCP服务器
集成Yeoman生成器，让AI代理帮你搜索和运行项目模板。
AppointySaastak UI组件
开箱即用的UI组件库，助力快速搭建用户界面。
fable-frontend-skills
面向React/Next.js/Vite/Astro等现代前端框架的Claude Code企业级配置集
21st-dev-builder-v2
让AI成为21st.dev组件库专家，快速构建现代化网站。
8bitcn-ui
基于shadcn/ui构建的免费、可访问的复古风格UI组件库。
agent-elements
开箱即用的React组件库，用于构建AI聊天和工作流界面。
agent-react-devtools
让AI透视React应用组件树和状态
agent-skills
为AI Agent提供Expo玻璃UI实现与设计审计的专项技能模块。
ai-coding-skills
一个专注于提升AI编程效率与代码质量的智能体技能集。
ai-elements
基于shadcn/ui的React AI组件库，加速AI原生应用开发。
andrej_hide_skills
一套受 Andrej Karpathy 启发的、用于提升 AI 编码效率与质量的模块化技能集。
animate-skill
为Next.js/React应用提供动画模式和最佳实践的技能库。
antd-skills
专为 Cursor IDE 设计的 Ant Design 开发助手，提升开发规范与效率。
astro-framework-agents
为AI助手提供Astro框架开发与学习的专用技能包。
aurora-front
一个用于构建AI应用前端界面的React组件库
awwwards-animations-skill
一站式创建Awwwards级别网页动画的React技能库
bklit-ui
一个可定制和扩展的开源图表与工具组件库。
cc-feature-implementer
一个专注于实现特定功能代码片段的AI助手
chakra-ui
一套用于快速构建可访问React应用的组件库
.claude
为Claude AI提供增强开发能力的工具集
claude-code-config
为Claude Code提供插件市场、技能和配置管理的综合工具集
claude-code-design-skills
将Figma设计稿自动转换为高质量React/Next.js代码
claude-code-extensions
为Claude Code提供超过60个专业AI代理和工具的扩展合集
claude-code-kit
为Claude开发者提供的代码辅助与项目脚手架工具集
claude-code-public
一个专注于代码生成与优化的Claude智能体技能库
claude_code_skills
一套提升Claude编码效率与质量的实用技能集
codex_2250
一个专注于代码生成与优化的AI编程助手
components-build-skill
指导AI智能体构建现代、可组合、无障碍的React UI组件库。
context7
为AI开发提供实时、版本匹配的代码文档与示例。
coss
Cal.com官方设计系统与UI组件库
Cursor AI (React, TypeScript, shadcn/ui)
基于React和TypeScript的Cursor AI开发框架，集成shadcn/ui组件库。
custom-plugin-react
一个包含14个React开发专用智能体和7项技能的Claude Code插件。
data-table-filters
用于React的声明式、可过滤数据表格构建工具
design-motion-principles
一个基于三大设计哲学，提供动效创建与审计双模式的AI技能。
design-system
Iress设计系统的React组件库与开发工具集
devup-ui
零运行时、高性能的CSS-in-JS解决方案。
effector-playbook
专注于编写正确、可靠的 Effector 代码的规则库与指南。
faasjs
一个受Rails启发的、开箱即用的全栈TypeScript框架，用于构建数据库驱动的React业务应用。
figma-mcp-downloader
将 Figma MCP 工具生成的设计代码或元数据保存到本地文件。
figwright
连接AI与Figma，实现双向设计与代码生成
fluxwing-skills
一款通过对话和ASCII草图快速迭代UI设计的AI工具技能集。
form-builder
一个帮助AI智能体在React/TypeScript项目中构建生产级表单的Skill。
frontend-design
辅助开发者快速生成与优化前端UI设计代码
frontend-design-ultimate-clawhub-skill
从文本描述直接生成独特、生产级的静态网站前端代码。
frontend-skills
为AI Agent提供前端代码编写、审查与重构的专项技能集。
gakom
一个现代化的SvelteKit单体仓库启动模板，内置共享组件与配置。
genjutsu
为界面注入动效的创意编码技能
jp-ui
专为日语排版优化的 React UI 组件库，基于 Base UI 构建。
lug-front
基于Next.js框架的现代化前端项目脚手架
magicui
专为设计工程师打造的现代化UI组件库
mantine-select-stepper
基于 Mantine 的优雅选择步进器 React 组件
mastering-typescript-skill
掌握企业级TypeScript开发的综合技能库
material-ui
Material Design 风格的 React UI 组件库。
motion-dev-animations-skill
为 Claude Code 注入 Motion.dev 动画生成能力
my-claude-code-skills
一个专注于提升Claude在编码任务中效率与准确性的技能集合
my-vibecoding
一个专注于提升编码体验与效率的AI编程助手技能。
navigator
Claude Code插件，通过按需加载文档实现超长对话，让AI真正完成开发任务。
newbie-next
基于Ant Design的AI友好React组件库，用于快速构建企业级前端应用。
Next.js (Material UI, Tailwind CSS)
基于Next.js框架，集成Material UI与Tailwind CSS的开发脚手架
Next.js (Tailwind, TypeScript)
基于Next.js框架的现代化Web开发技能栈
Next.js (Type LLM)
一个基于Next.js框架的TypeScript LLM应用开发工具包。
Next.js (TypeScript, Tailwind)
基于Next.js的现代化Web应用开发脚手架
Next.js (TypeScript)
基于Next.js和TypeScript的AI应用开发框架
next.js
基于Next.js框架的AI应用开发工具包
next-sanity
在Next.js应用中无缝集成Sanity无头CMS的官方工具包
no-use-effect
强制React/React Native代码不直接使用useEffect的代码质量工具
Node.js (MongoDB, JWT, Express, React)
一个基于Node.js的全栈开发脚手架，集成MongoDB、JWT、Express和React。
npm-skills
为AI编码助手提供npm库创建与配置的全面指导
onchain-typescript-skills
为使用Viem和Wagmi构建以太坊TypeScript应用提供编码技能支持。
openai-agents-guidelines
为AI编码代理提供React、Web设计与Vercel部署三大核心技能包。
opencode
开源的AI编程智能体，提供终端和桌面应用。
opentui-skill
OpenTUI框架的官方开发文档与指南Skill
pf-frontend
一个基于现代技术栈的React前端Monorepo项目模板与开发套件。
preline
基于 Tailwind CSS 的开源 UI 组件库，提供丰富的预制组件和插件。
public-components-skill
帮助AI编程助手正确使用特定React组件库的约束性技能。
React (Chakra UI)
一个帮助开发者快速生成Chakra UI React组件的AI技能。
React Components Creation
一个帮助开发者快速创建React组件的AI助手技能。
react-email
用React和TypeScript构建现代化、响应式邮件的组件库。
react-flow-skill
React Flow专家级开发助手，用于构建交互式节点图应用
React (FormEngine AI Form Builder)
一个基于React的AI驱动表单构建器，帮助开发者快速生成动态表单。
react-gradual-architecture
渐进式组织React代码的AI辅助开发指南
React (MobX)
为AI助手集成React与MobX开发能力，辅助编写前端代码
react-native-ease
基于原生API的轻量级React Native动画库，零JS开销。
React Native Expo
辅助开发者使用React Native Expo框架进行移动应用开发
react-native-skills
专为React Native开发者设计的AI技能包，大幅提升移动应用开发效率。
react-native-true-sheet
React Native 高性能原生底部弹窗组件
react-native
用于在独立环境中开发和测试React Native组件的UI开发工具。
react-native-unistyles
高性能跨平台React Native样式解决方案
React (Next.js UI Development)
基于Next.js框架，专注于高效构建现代Web UI的AI助手技能。
react-query-skills
基于官方核心维护者最佳实践的 React Query 开发指南
React (React Query)
为React应用提供数据获取、缓存与状态管理能力的AI助手技能。
React (Redux, TypeScript)
一个专注于React、Redux和TypeScript开发的AI助手技能。
React Router v7
为AI助手集成React Router v7的导航与路由能力。
react-starter-skill
一个快速启动React项目的开发脚手架Skill。
React (Styled Components)
一个帮助开发者使用 Styled Components 编写 React 组件的 AI 技能。
React (TanStack Router + Query)
一个基于React，集成TanStack Router和Query的现代化前端开发脚手架。
react-three-game-skill
为AI智能体赋予创建和管理react-three-game游戏预制件的能力。
React (TypeScript, Next.js, Node.js)
一个基于React生态的TypeScript全栈开发技能包
react-ui-components-skills
为AI助手注入Syncfusion React组件库的官方开发知识
react-use-skills
让AI助手精准调用react-use库的Hooks，减少幻觉与Token消耗。
React (Zustand)
在AI对话中无缝集成Zustand状态管理，提升前端开发效率。
react
用于构建用户界面的JavaScript库
redux-best-practices
提供基于官方Redux风格指南的全面最佳实践指导
resend-skills
为AI编程助手提供的Resend电子邮件相关技能集合
shadcn-baseui
指导AI正确使用shadcn/ui与Base UI的编码技能
shadcn-skills
为shadcn/ui开发者提供组件发现与代码审查的AI技能
skills
专注于c15t v2+的本地文档查询与开发指导的AI技能
skills
一个包含多个AI编程助手技能的集合仓库
skills
React Navigation官方AI技能合集
skybridge
用于构建交互式MCP应用的全栈React框架。
Solid.js (TypeScript)
一个基于Solid.js框架的TypeScript开发技能，用于构建高性能前端应用。
Solidity (React Blockchain Apps)
一个专注于Solidity智能合约开发的React应用构建工具集。
subframe
一款集可视化编辑、代码导出与AI设计于一体的UI设计工具。
Tailwind (shadcn/ui Integration)
在 Claude 中快速生成符合 shadcn/ui 规范的 Tailwind CSS 组件代码。
tamagui
跨React与React Native的UI开发库与优化编译器
tamagui-skills
Tamagui v2开发助手，提供API参考与最佳实践。
TanStack Router (React)
基于文件系统的类型安全React路由库
TanStack Start
一个基于React/Vite的现代全栈Web应用框架
taste-skill
为AI前端代码注入高级设计品味，告别平庸UI。
tempad-dev
Figma设计稿转前端代码的浏览器插件
testmu-ai/smartui-skill
一个基于MCP（Model Context Protocol）的智能UI组件开发与测试工具。
tool-ui
将AI工具调用结果渲染为交互式UI的React组件库
tw-react-components
基于TailwindCSS的React组件库，用于快速构建美观的响应式仪表盘。
tx
编译时生成可读性更强的 Tailwind CSS 类名工具
TypeScript (Next.js, React)
基于TypeScript生态，为AI Agent开发提供核心框架支持
TypeScript (Next.js)
基于Next.js框架的TypeScript开发辅助工具
TypeScript (Node.js, Next.js App)
为TypeScript开发者提供一站式编码辅助与项目开发支持。
TypeScript (Node.js, React, Vite)
为TypeScript全栈开发者提供一站式编码辅助工具集。
TypeScript (React, NextUI, Supabase)
基于TypeScript、React、NextUI和Supabase的现代化全栈开发脚手架
TypeScript (React)
一个专注于使用TypeScript和React进行前端开发的AI技能。
TypeScript (shadcn/ui, Next.js)
基于Next.js和shadcn/ui的TypeScript项目开发助手
ui-designer-skill
一个能生成独特、高质量、可直接部署前端UI代码的AI设计助手。
ui
一个轻量级、开箱即用的React Native/Expo UI组件库。
ui
用于构建自定义组件库的 React UI 组件集
ui
一个可自由定制和扩展的现代化UI组件库。
unicon
一站式图标搜索与按需复制工具，聚合9大图标库。
vercel-agent-skills
Vercel官方出品的AI代理技能集合，覆盖React优化、UI审计和Vercel一键部署。
vibe_figma
将Figma设计稿自动转换为生产级React组件
vibe
monday.com官方React UI组件库与设计系统
wagmi
为Web3开发提供React Hooks的智能体技能
wallet-ui
一个专为Solana应用设计的现代化UI组件库。
web-haptics
为移动端网页应用提供标准化触觉反馈的轻量级库。
webf
一个让Flutter应用内嵌完整Web运行时的开发框架。
widget-studio-skill
一站式AI应用开发与组件生成工具