前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
克隆区块
克隆区块可提取真实网站上的区块，并将其实际样式和结构转换为适用于你所选框架或网站构建器的代码。
Sim3D WebGL 培训系统生成器
生成独立的 WebGL2 培训系统，将交互式 3D 设备、引导流程、故障诊断和评估整合到一个可离线运行的 HTML 文件中。
Design Taste
Design Taste 帮助 AI 编码代理以明确的方向、一致的设计 token 和可度量的质量检查来创建、批判和润色界面及视觉资产。
VibePolish
VibePolish 在连接的工作台中打开独立 HTML 演示或未打包的静态项目，用于所见即所得的编辑和导出。
Aesthete Agent
Aesthete Agent 将色彩选择转化为严谨的离线设计工作流，用于创建、验证、预览和精炼调色板。
网站版块转 Elementor 模板
将线上网站的一个版块转换为样式完整、可导入 WordPress 的 Elementor 模板。
Match Brand
Match Brand 可以提取真实网站的视觉识别和设计 Token，以便您构建符合其风格的新界面。
RAGNARÖK Palette
RAGNARÖK Palette 为 AI agent 提供用于界面、仪表盘、图表和演示文稿的一致深海蓝与落日金视觉系统。
复古电路模型图
复古电路模型图可生成与网格对齐的 HTML5 Canvas 面包板布局和复古电子电路图，提供清晰且可供实际搭建的视觉参考。
HTML CSS 样式配色指南
一份实用的 HTML 和 CSS 样式指南，帮助构建平衡、专业的配色方案和更易于访问的网页界面。
行长优化器
检查正文是否具有易读的行长，并获取具体的响应式 CSS 宽度建议。
色彩搭配顾问
为产品或品牌生成完整且无障碍的色彩系统，包含实用的使用指南和精确的 HEX 值。
设计规范生成器
生成完整、可供开发人员直接使用的设计系统规范，并根据项目和目标平台进行定制。
设计交接文档生成器
将设计截图、Figma 详情或文字简报转换为结构化交接文档，供开发者实施。
创建 Web 表单
通过涵盖 HTML、样式设计、验证、后端处理和安全数据处理的实用指导，创建易于访问、方便用户使用的 Web 表单。
Capgo Live Updates for Capacitor
使用 Capgo 在 Capacitor 应用中部署、预发布、监控和回滚 JavaScript、HTML 与 CSS 更新，无需等待应用商店审核。
字形保真度
Glyph Fidelity 会审查经过转换的文本和排版边缘情况，帮助保留清晰一致的字形。
Bestax Bulma 主题定制
为 `@allxsmith/bestax-bulma` 应用设置统一的品牌颜色、深色模式行为、设计令牌和全应用配置。
Bestax 布局脚手架
将需求匹配到经过验证的 Bestax Bulma 布局原型，并组合其提供的组件，搭建完整的响应式 React 页面。
Bestax 自定义组件
构建适用于 Bestax 和 Bulma 生态系统的可复用 React 组件，涵盖应用级组合以及经过精心设计的自定义 UI。