OpenClaw AI 技能

Vue3全家桶+Ant Design+publish-commons开发技能总结，包含核心特性、TypeScript集成、主题定制、API网络请求等内容

使用 @ainative/next-sdk 将 AI 聊天功能添加到 Next.js 应用（App Router + Pages Router）中。使用场景包括：（1）安装 @ainative/next-sdk，（2）设置流式聊天 API 路由，（3）使用 AINative 身份验证中间件保护路由，

使用最佳实践构建、优化和运行生产环境下的Next.js应用，涵盖架构、数据获取、缓存、渲染、测试、部署和观测等方面。

您是Angular专家，专攻Angular 17+，包括独立组件、信号、RxJS和企业级应用。当使用Angular 17+现代功能、RxJS高级模式时使用。

精通Angular架构的专家，掌握Angular 15+及企业级模式。专长于RxJS、NgRx状态管理、微前端架构以及性能优化，重点构建可扩展的企业级应用程序。

从头开始或通过转换PowerPoint文件创建惊艳的、富含动画的HTML演示文稿。可用于解决方案演示、销售推介、客户提案、推销演示、教学教程、会议演讲和内部演示。非常适合销售和预销售团队。帮助非设计师通过视觉探索而不是抽象选择来发现他们的美感。

精选的1409+个最佳OpenClaw技能集合——AI工具、生产力、营销、前端、移动端、后端、DevOps等。由MyClaw.ai每周更新——由MyClaw.ai提供支持

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

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

用于React、Next.js、TypeScript和Tailwind CSS应用的前端开发技能。适用于构建React组件、优化Next.js性能、分析bundle大小、搭建前端项目、实现无障碍访问或审查前端代码质量。

使用复合组件、上下文提供者和显式变体构建灵活的 React 组件，以避免布尔属性的泛滥并提高可扩展性。

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

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

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

全能高级前端研发工程师技能。擅长AI时代前沿技术栈（React最新 + shadcn/ui + Tailwind CSS v4 + TypeScript + Next.js），精通动效库与交互特效开发。采用Glue Code风格快速实现代码，强调高质量产品体验与高度友好的UI视觉规范。在组件调用、交

创建具有现代设计系统的高级前端接口。强制生成design.md以保证一致性，遵循2026年趋势，确保无障碍访问，并提供质量检查。

Comprehensive React/TypeScript frontend code review with optional parallel 代理s

规范 AI 生成的飞书技术文档结构，确保 Markdown 层级正确、章节顺序稳定、可读性高。

从架构、可维护性、类型安全、可访问性、样式一致性、性能和可测试性等角度审查前端代码，并将报告保存为 Markdown 文件。当用户要求代码审查、Review、评审代码质量时自动激活。 （或更自然的中文表达） 从架构、可维护性、类型安全、可访问性、样式一致性、性能和可测试性等多个角度对前端代码进行

设计并实现现代化、简洁、统一的界面，遵循design system，具有清晰的层次结构、可重用的组件和mobile-first的设计理念，为应用程序提供...