OpenClaw AI 技能

用于全栈应用的多AI网关。构建/部署网站、React应用、SaaS、电子商务到Cloudflare Workers。支持DB（D1/KV/R2）、Stripe支付/订阅/结账、认证（登录、OAuth、OTP）、AI图像/音频/视频/TTS生成、电子邮件、演示文稿/幻灯片、网页抓取/搜索、CEO访谈/

准备好编码组件视频，无需调整单个滑块。上传组件描述文本（MP4、MOV、AVI、WebM，最高200MB），例如“生成具有hover状态和TypeScript props的React按钮组件”，然后在完成后下载1080p MP4。该工具面向快速开发的前端开发人员，他们希望快速构建React组件，而无

通过交替使用推理和行动来解决复杂问题。基于ReAct研究，该技能在思考（对情况进行推理）和行动（使用工具或采取步骤）之间交替，然后观察结果以指导下一步。适用于需要使用工具、收集信息或只有通过探索才能明确前进路径的多步骤问题。对于研究、调试、数据分析和工具密集型工作流至关重要。

跳过专业编辑软件的学习曲线。描述您想要的内容 — 生成具有props、emits和scoped styles的可重用Vue 3组件 — 并在20-40秒内获取编码的Vue组件。上传最多200MB的MP4、MOV、AVI、WebM文件，AI将自动处理AI代码生成。非常适合希望快速搭建Vue组件而不编写

准备好Vue组件文件，随时发布，无需调整任何参数。上传您的组件描述（MP4, MOV, AVI, WebM，最大200MB），说点什么...

创建具有高设计品质的独特、生产级前端接口。 当用户要求构建网页组件、页面或应用程序时，使用此技能。 生成创意、精致的代码，避免通用AI美学。

创建具有高设计品质的独特、生产级前端接口。构建网页组件、页面或应用程序时使用此技能。生成创意、精致的代码，避免通用AI美学。

全栈前端开发，结合高级UI设计、电影级动画、AI生成的媒体资产、说服性文案写作和视觉艺术。构建完整、视觉震撼的网页，包含真实媒体、先进动作和引人入胜的文案。使用场景：构建登陆页、营销网站、产品页、仪表盘、生成媒体资产（图像/视频/音频/音乐）、撰写转化文案、创建生成性艺术或实现电影级滚动动画。

创建具有高设计品质的独特、生产级前端界面。 当用户要求构建网页组件、页面、文档、海报或应用程序（例如网站、登陆页面、仪表盘、React 组件、HTML/CSS 布局或样式/美化任何网页 UI）时，使用此技能。 生成创意、精致的代码和 UI 设计，避免通用 AI 美学。 使用 API、CLI、GitH

创建具有高设计品质的独特、生产级前端界面。 当用户要求构建网页组件、页面、文物、海报或应用程序（例如网站、登陆页面、仪表盘、React 组件、HTML/CSS 布局，或为任何网页 UI 进行样式化/美化）时，使用此技能。 生成创意、精致的代码和 UI 设计，避免通用 AI 美学。

创建 stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, conver

创建 stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, conver

终极前端设计和开发技能。使用Next.js + Tailwind + shadcn/ui创建生产就绪、像素完美的网页接口。结合设计...

创建具有高设计品质的独特、生产级前端接口。 当用户要求构建网页组件、页面或应用程序时使用此技能。 生成创意、精致的代码，避免通用AI美学。

创建具有高设计质量的独特、生产级前端接口。 当用户要求构建网页组件、页面、文档、海报或应用程序（例如网站、登录页面、仪表盘、React 组件、HTML/CSS 布局或美化任何网页 UI）时，使用此技能。 生成创意、精致的代码和 UI 设计，避免通用 AI 美学。

Use when building, rede签名ing, or extending 网页-应用 frontends that must look production-ready, visually distinctive, and 系统ically de签名ed instead of like

监控 competitor and product pricing changes across 网页sites. 设置 price thresholds, 获取 alerts on drops/increases, 追踪 historical pricing, and identify prici

重新审计一个网站，并将评分与之前的GEO审计基线进行比较，以跟踪随时间的改进。使用时用户请求重新审计，检查进度...

智能网页监控，采用AI驱动的匹配技术。与关键词/正则表达式监控不同，该技能利用代理的LLM推理来评估网页是否符合您的条件——实现自然语言监控，如“是否有新的风控岗位？排除实习”。支持关键词/正则表达式/CSS/JSONPath用于简单场景，以及LLM用于智能匹配。触发条件：监控网站、监听页面、检查变

监控网站的变化、新的内容和价格提醒。非常适合追踪竞争对手、工作岗位或产品价格。