SuperAPI AI 工具集

Skill 广场

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

更新于 10-20 00:13

设计与创作

20,301 个结果

aesthetic-analysis

这是一个用于从视觉参考中提取设计模式、并将其应用到目标页面的 AI 技能,属于 qodex-ai/ai-agent-skills 技能集。它主要服务于落地页重设计场景:给定参考 URL 或图片后,技能会通过 Playwright MCP 打开参考页面,截取整页截图,并进行鼠标悬停、点击等交互,从而分析布局结构(页头、主视觉区、内容区块、页脚)、交互元素、配色、字体(字体、字号、字重)、间距与内边距模式、UI 组件(按钮、卡片、表单等)以及响应式设计模式。随后读取代码库中的目标文件,以 React Native/Expo 为实现目标,复刻布局、交互、颜色、排版、间距和组件,并遵循项目的 StyleSheet.create() 约定与移动优先原则。实现完成后会再次截图,与参考进行视觉对比(布局比例、颜色准确性、排版一致性、间距、组件样式细节),记录差异并针对性迭代,建议至少进行 3-5 轮迭代以达到较高还原度。最终向用户呈现实现结果,说明已匹配的元素与有意保留的差异,并建议后续改进(如动画、悬停状态、响应式调整等)。使用该技能需要提供参考 URL 或图片以及需要接收设计的目标文件;若初始请求未包含这些信息,技能会先向用户询问。

设计与创作190 次安装