登录
下载

Skill UI

浏览并发现 9185+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 React ，共找到 198 条记录
默认排序 最新上传 最多下载

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界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。
查看详情

高级分子控制

rdkit
K-Dense-AI/scientific-agent-skills
136
RDKit 是 Python 化学信息学库，支持读取/写入分子、描述符计算、指纹、子结构搜索、反应变换与 2D/3D 可视化，适合药物发现与计算化学研究。
查看详情

设计稿到模块化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），适用于构建持续集成和设计流程。
查看详情

Matrix消息频道集成

channel-matrix
SharpAI/DeepCamera
337
用于将智能体（如Clawdbot）连接到Matrix/Element通信平台。通过此模块，用户可以在指定的聊天房间内，接收实时的警报、搜索历史记录、进行多轮对话，并执行复杂的设备控制操作，实现全面的消息交互。
查看详情

信号消息渠道连接

channel-signal
SharpAI/DeepCamera
54
本技能旨在将AI代理（Clawdbot）与Signal消息平台连接，实现私密安全的自动化通信。它利用`signal-cli`工具支持发送消息、文件、回复及反应等功能，适用于需要自动化处理私人或群组消息交互的场景。
查看详情

Framer性能调优与优化指南

framer-performance-tuning
jeremylongshore/claude-code-plugins-plus-skills
261
本指南提供了一套全面的性能优化方案，用于提升Framer应用的性能。内容涵盖了批量处理CMS数据以避免超时、使用React的Memoization优化组件渲染、建立持久化的WebSocket连接，以及图片URL预优化等关键技术，帮助开发者构建稳定、高性能的Framer应用。
查看详情

Canva Webhook事件处理

canva-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
384
用于构建Canva平台的实时事件订阅和Webhook处理系统。本技能涵盖了接收和验证签名JWT载荷（使用JWK密钥），使您的应用能够即时响应用户在Canva上的各种活动，如评论、设计分享、权限请求等。适用于开发复杂的SaaS集成和自动化工作流。
查看详情
上一页123...11121314151617下一页
语言
简体中文
English