前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
Image-to-Code 网页设计与实现
一种先进的 AI Agent 技能，通过强制执行“图像优先”的设计工作流程，生成令人惊叹的艺术导向网页设计，并将其转化为像素级完美的前端代码。
AI Image To Code
将用户界面截图转换为准确、响应式的 HTML/CSS 或 React 和 Tailwind CSS 组件。
Huashu-Design
这是一个代码优先的设计系统，旨在将 AI 开发人员转变为世界级视觉设计师，通过原生 HTML 和 React 生成交互式样机、高保真幻灯片以及同步音频的说明动画。
GSAP Animation for HyperFrames
这是一份全面的开发者参考指南，用于构建与 HyperFrames 视频渲染引擎集成的、高性能且帧精确（frame-accurate）的 GSAP 动画。
Canvas Design Pro
一个高端的设计智能体，通过创建自定义美学哲学，将微妙的用户输入转化为博物馆级的视觉杰作。
html-ppt-to-pdf
一款高保真转换工具，可将基于 HTML 的幻灯片转换为专业、矢量文本且保留精确布局的 PDF 文档。
OmniTranslate
一个专为翻译结构化产物（如 Web 应用、PDF 和代码仓库）而设计的精准本地化引擎，能够保持布局、语法和交付的安全性。
Colormind
一个用于通过 Colormind.io API 生成专业配色方案并从图像中提取色彩组合的技术工具。
WhatsApp 视频技能
一个基于 Remotion 的动画框架，用于创建专为社交媒体平台优化的逼真、高保真 WhatsApp 聊天视频。
前端设计技能
一种专门的 AI 编码技能，旨在生成生产级、具有独特审美的前端界面，避开常见的 AI 设计陈词滥调。
Nansi
一款移动端优先、无需代码的 AI 建站工具，通过 WhatsApp 聊天和语音便签创建专业网站和 Web 应用。
表单
一个强大的工具集，可供 AI 智能体在各种技术栈和平台上架构、验证并部署高转化率表单。
Google Fonts 优化器
一份面向开发者的指南，旨在以最高性能、正确的子集化和专业的排版搭配来实现 Google Fonts。
素材图片
一个专门用于通过 URL 直接获取免费库存照片和占位图的工具，适用于快速原型设计和网页设计。
UX
一个用于构建直观、无摩擦且以人为中心的全面用户体验设计框架。
Webflow
一套用于构建、发布和优化高性能 Webflow 站点的专业工具集，具备清晰的 CMS 架构和响应式设计。
网站开发技能
一个遵循现代行业最佳实践，用于构建高性能、易访问和 SEO 优化的网站的综合框架。
Next.js 国际化 (i18n)
一套用于 Next.js App Router 应用中实现完整国际化 (i18n) 和本地化 SEO 的综合实施指南与工具集。
Google Analytics 4 设置
一个全面的自动化技能，用于智能检测 Web 框架并按照最佳实践实施 Google Analytics 4 跟踪。
EvoWeb.ai 网站构建器
在五分钟内将自然语言描述转化为功能齐全、响应迅速的网站和落地页。