登录
下载

Skill UI

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

Figma到React组件代码生成

anima-core-workflow-a
jeremylongshore/claude-code-plugins-plus-skills
386
该工作流自动化了从Figma设计到React代码的完整流程。它能扫描Figma组件，批量生成可用的React组件代码，并具备设计变更检测功能。这极大地替代了传统的手动设计交付流程，是构建设计系统和实现设计-代码持续同步的最佳方案。
查看详情

网站转代码与AI定制引擎

anima-core-workflow-b
jeremylongshore/claude-code-plugins-plus-skills
329
该工作流能够将实时的网站页面克隆并转换为结构化的React或HTML代码。它具备强大的AI定制化能力，支持根据项目规则进行代码后处理（如修正类名、导入依赖）。此外，它还集成了设计令牌映射器，确保生成的组件代码完全符合项目既定的设计系统规范，并自动整理组件结构。
查看详情

Figma设计转代码自动化

anima-install-auth
jeremylongshore/claude-code-plugins-plus-skills
182
本指南指导开发者如何安装和配置Anima SDK，实现从Figma设计稿到生产级代码的自动化转换。适用于需要构建设计系统、实现设计-代码流程的场景，需要配置Figma和Anima的API Token以生成生产就绪的React、Vue或HTML组件。
查看详情

代码库转WordPress主题转换器

codebase-to-wordpress-converter
sickn33/antigravity-awesome-skills
366
专业地将React、HTML或Next.js等现代代码库无缝转换为功能完善、像素级精确、并经过SEO优化的WordPress主题。该技能确保在保持原始视觉和结构的同时，深度集成ACF、动态菜单等核心WP功能，并执行完整的结构和技术SEO审计。
查看详情

Framer代码组件与覆盖层

framer-core-workflow-b
jeremylongshore/claude-code-plugins-plus-skills
165
本技能指南教授如何在Framer中使用React构建高度定制化、交互式和数据驱动的组件。核心内容包括创建带有属性控制的动画组件、集成来自外部API的实时数据展示，以及实现复杂的代码覆盖层（如滚动触发动画和磁性悬停效果）。适用于需要将复杂代码逻辑集成到Framer设计界面的开发者。
查看详情

LangGraph ReAct智能体构建指南

langchain-langgraph-agents
jeremylongshore/claude-code-plugins-plus-skills
344
本技能指南详细介绍了如何使用LangGraph 1.0的`create_react_agent`构建健壮的ReAct智能体。它着重解决传统代理模型常见的循环（Loop-to-cap）和工具调用错误静默忽略等问题。学习如何定义带类型签名的工具、设置递归限制和使用状态检查点，确保错误能正确传播，从而构建可靠、可控的多步骤工作流。
查看详情

MindTickle网络钩子与事件处理

mindtickle-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
364
本技能提供MindTickle网络钩子（Webhook）的完整指南和实现方法。它允许外部系统实时响应MindTickle平台上的关键用户生命周期事件，如课程完成、测验提交、用户开通/停用和进度更新。可用于将学习进度同步到CRM或HRIS，或自动化用户访问管理。
查看详情

Shopify结账界面自定义开发

shopify-checkout-extensions
jeremylongshore/claude-code-plugins-plus-skills
305
使用沙箱化的React组件技术，为Shopify结账流程进行深度定制。该方法取代了过时的checkout.liquid，支持在支付流程中添加自定义字段、展示动态横幅，并读取如订单状态和自定义元字段等实时数据。
查看详情

Snowflake事件驱动自动化模式

snowflake-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
165
掌握Snowflake的事件驱动编程模式，利用内置告警、邮件通知、外部函数和云服务（S3/GCS）实现自动化。该技能用于构建反应性更强的数据管道，能够根据数据变化（如数据质量异常）或系统事件（如数据加载完成）自动触发流程，例如发送警报、调用外部API或数据摄取。
查看详情

嵌入交互式代码沙盒与演示

stackblitz-core-workflow-b
jeremylongshore/claude-code-plugins-plus-skills
109
使用StackBlitz SDK，可以轻松地将实时、交互式的代码沙盒（WebContainer）嵌入到文档、博客或教程中。这种功能允许用户在不离开当前页面的情况下，直接查看和实验代码示例（如React、TypeScript），极大地提升了教程和文档的互动性和实战性。支持从GitHub仓库嵌入或创建内联项目。
查看详情

VSCode静态网站部署与配置

vscode-sftp-config
libukai/awesome-agent-skills
436
本技能提供了一套完整的流程，用于将本地开发的静态网站（包括Vue、React、Angular等）部署到生产服务器。它涵盖了使用VSCode SFTP配置安全的连接，生成包含安全头、缓存策略和HTTPS重定向的生产级Nginx配置，并提供了一份详细的部署清单，确保了从开发到上线的平稳过渡。
查看详情

Webflow Webhook与事件处理

webflow-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
288
本技能指南提供了Webflow Webhooks的完整实现流程，指导用户如何通过API注册各类触发器（如表单提交、新订单、网站发布）。核心内容包括如何搭建一个安全的后端接收端点，并实现HMAC签名验证。适用于需要构建事件驱动型后端工作流，实现Webflow与外部系统（如CRM、数据库）自动对接的场景。
查看详情
上一页123...1112131415下一页
语言
简体中文
English