SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-30 00:12

前端与建站

11,293 个结果

frontend-design

frontend-design 是一个用于创建高品质前端界面的技能,旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考,明确界面要解决的问题、目标用户、审美方向和技术约束,并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景,引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择,最终输出可运行的真实代码(如 HTML/CSS/JS、React、Vue 等)。使用时应根据美学愿景匹配实现复杂度:极繁主义设计需要更精细的动画与效果,极简或精致设计则需要克制、精准和对间距、排版与细节的关注。

前端与建站2 次安装

frontend-design

该技能用于指导创建独特、达到生产级水准的前端界面,避免常见的“AI 味”审美。用户提供前端需求(组件、页面、应用或界面)及其用途、受众或技术约束后,技能先引导进行设计思考:明确要解决的问题与使用者、选定鲜明甚至极端的美学基调(如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等)、梳理框架与性能无障碍等技术约束,并确定让作品令人难忘的差异化点。随后实现可运行的代码(HTML/CSS/JS、React、Vue 等),要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖:排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体;用 CSS 变量统一色彩主题,主色配锐利点缀;用动画与微交互营造效果,HTML 优先纯 CSS,React 可用 Motion,重视页面加载的编排式揭示;空间构成上采用非对称、重叠、斜向、打破网格的布局;背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美(如常见字体、紫渐变白底、可预测布局),根据语境做多元变化,并让实现复杂度与美学愿景匹配。

前端与建站2 次安装

layout-director

Layout Director 是一个面向智能体的前端页面布局设计技能,用于在制作落地页、营销站点、产品展示、作品集和功能发布页面时,提升版式判断力与整体构图品质。它要求智能体不要从组件开始写代码,而是先梳理需求简报(产品类型、受众水平、内容密度、信任与兴奋感的平衡、可用视觉素材、必需区块、移动端限制),再选择一套主要布局原型与变化维度,最后按组件原则和审查清单执行。该技能强调清晰的视觉焦点层级、有意义的留白、区块节奏、克制且一致的动效以及真正为移动端重组的响应式布局,并通过变化轴避免输出千篇一律的居中首屏加功能卡片式页面。资料未提供定价、平台支持范围或具体效果数据。

前端与建站2 次安装

stitch-loop

stitch-loop 是一个用于指导 AI 智能体使用 Stitch 迭代式构建网站的自主循环技能。它采用“接力棒”(baton)系统:每轮迭代读取 .stitch/next-prompt.md 中的当前任务,通过 Stitch MCP 工具生成页面,将该页面集成到站点结构中,并为下一轮迭代写好新的任务文件,从而实现持续、自主的网站开发。该技能依赖 Stitch MCP 服务器、Stitch 项目以及 .stitch/DESIGN.md 和 .stitch/SITE.md 两个上下文文件,可选使用 Chrome DevTools MCP 进行视觉验证。它适合需要多页站点、并希望让智能体按既定设计系统与站点路线图自动逐页推进开发的场景。

前端与建站2 次安装