登录
下载
Skill UI
浏览并发现
7532+
精选技能
全部
编程开发
人工智能
设计创意
产品商业
数据科学
市场营销
职场通用
效率工具
硬件工程
语言学习
搜索
React
,共找到
135
条记录
默认排序
最新上传
最多下载
工作流文档蓝图生成器
project-workflow-analysis-blueprint-generator
github/awesome-copilot
186
自动检测项目架构、技术栈与数据流,生成涵盖入口、服务层、数据访问、错误处理与测试策略的端到端工作流文档蓝图提示,适用于 .NET/Java/Spring/React/微服务等多种技术。
查看详情
React 18 自动批量更新模式
react18-batching-patterns
github/awesome-copilot
287
本指南是诊断和修复 React 18 类组件中状态更新(setState)自动批量处理模式的参考资料。它详细介绍了 React 18 在异步环境(如 setTimeout, Promise, await)下的行为变化,提供了完整的诊断流程,帮助开发者判断是应重构代码还是使用 flushSync 来解决状态读取和渲染问题。
查看详情
React 19 并发模式指南
react19-concurrent-patterns
github/awesome-copilot
209
指导在迁移至 React 19 时保持 React 18 的并发模式(useTransition、useDeferredValue、Suspense、createRoot 等),并梳理稳定后可引入的 use()、Actions、useOptimistic、Suspense 数据获取等新 API。
查看详情
React 19 源代码迁移指南
react19-source-patterns
github/awesome-copilot
168
本指南是升级到 React 19 所需的源代码迁移模式参考。它详细列出了关键的 API 变化,例如将 `ReactDOM.render` 升级为 `createRoot().render()`,以及如何处理新的 ref 机制和上下文使用。对于维护和升级大型 React 项目,本书是确保代码兼容性的重要参考资料。
查看详情
React 19 测试迁移指南
react19-test-patterns
github/awesome-copilot
60
提供 React 19 迁移测试文件的步骤,从 act 的新导入、Simulate 到 fireEvent 替换、react-dom/test-utils 的清理,到 StrictMode 调用计数的测量策略,帮助逐层解决兼容问题。
查看详情
COBRApy 代谢建模分析
cobrapy
K-Dense-AI/scientific-agent-skills
332
COBRApy 是面向系统生物学和代谢工程的 Python 工具,支持加载 SBML/JSON/YAML 模型、执行 FBA/FVA/采样、分析基因或反应敲除,并探索培养基与产物相位平面。
查看详情
React设计系统代码生成器
rayden-code
sickn33/antigravity-awesome-skills
78
本工具用于使用指定的Rayden UI组件库和Tailwind CSS,生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范,涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面,保证界面美观和一致性。
查看详情
设计稿到模块化React组件
react-components
google-labs-code/stitch-skills
205
该技能旨在自动化将视觉设计稿(来自Stitch)转化为高质量、模块化的React和Vite组件。它严格遵循现代前端最佳实践,要求逻辑分离到自定义Hooks,将数据解耦到Mock Data层,并使用TypeScript保证类型安全。流程涵盖了自动化资源获取、样式映射(如Tailwind),并包含严格的验证周期,确保生成代码是可维护、可生产环境使用的。
查看详情
Figma设计到代码生成
anima-hello-world
jeremylongshore/claude-code-plugins-plus-skills
97
本技能利用Anima SDK,能够将Figma设计稿高效转换为生产级别的代码。支持React、Vue、纯HTML等多种主流框架,并集成Tailwind CSS样式。它帮助开发者将设计视觉流转为可用的代码组件,适用于前端开发和设计原型验证。
查看详情
Anima本地设计到代码开发循环
anima-local-dev-loop
jeremylongshore/claude-code-plugins-plus-skills
79
该技能提供了一个基于Anima SDK的迭代式开发工作流。它允许开发者在本地环境中,快速地从Figma设计稿生成代码,并能在React、Vue和纯HTML等多个主流框架之间进行实时对比和预览。适用于设计稿到代码的快速验证和原型开发。
查看详情
设计到代码系统架构
anima-reference-architecture
jeremylongshore/claude-code-plugins-plus-skills
89
本文档提供了一套完整的“设计到代码”自动化参考架构。它详细规划了从Figma设计源到最终React/Vue代码的整个转换流程,涵盖了Figma API连接、代码生成、组件扫描和后处理(如设计令牌映射)等关键步骤。适用于构建企业级设计系统,实现高效、可维护的自动化设计资产交付。
查看详情
Figma设计到代码自动生成
anima-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
141
本技能展示了如何使用Figma Webhooks搭建一个事件驱动的“设计到代码”工作流。当Figma设计文件发生版本更新时,系统能够自动捕获事件,并触发Anima服务,实时、自动化地重新生成高质量的组件代码(如React/TypeScript),适用于构建持续集成和设计流程。
查看详情
上一页
1
2
3
...
8
9
10
11
12
下一页
语言
简体中文
English