SuperAPI AI 工具集

ui-templates

前端与建站

查看项目

更新于 10-16 01:06

技能介绍

用途:该技能是一个人工设计的 UI 模板库,包含来自 9 个专业模板来源的 380 套预建 HTML/CSS/JS 模板,用于网页创建,例如落地页、作品集、企业网站等。所有模板均由人类设计,非 AI 生成。使用要求:代理必须以已有模板为起点,不得从零编写 HTML/CSS/JS。

主要能力:模板按 36 个类别组织,涵盖 multipurpose、business、personal、blog、agency、restaurant、crypto、ecommerce、portfolio、app、dashboard、travel、landing、photography、saas 等。每个类别有 JSON 目录文件 catalogs/{category}.json,条目含 matchSignals、description、colorScheme、visualStyle、layout、features、sections、colorPalette、typography、source 等元数据,可据此匹配需求与偏好。

使用方式:先确定类别,再读取对应目录,例如 read_file("skills/ui-templates/catalogs/{category}.json");无匹配类别时用 catalogs/multipurpose.json,宽泛需求可读多个目录。匹配优先看 matchSignals 关键词重合,再看 features 与 sections,然后比对 colorScheme 与 visualStyle,最后参考 source 质量层级。下载模板:curl -sL "{downloadUrl}" -o /tmp/template.zip,mkdir -p output/website,unzip -o /tmp/template.zip -d output/website/,rm /tmp/template.zip,再用条目中的 indexPath 定位 index.html。定制时优先替换内容,保持人类设计的结构与字体,可参考 colorPalette 调整品牌色,参考 breakpoints 处理响应式。

来源层级:优先 web3、html5up、styleshout、startbootstrap,其次 tooplate、themefisher、adminmart、github,再次 templatemo。

限制:资料未提供收费、价格、平台、效果或额外使用步骤信息;应避免过度修改 CSS 结构,图片默认保留模板原图。