SuperAPI AI 工具集

ui-design

设计与创作

查看项目

更新于 10-16 09:58

技能介绍

用途:该技能用于设计美观的 UI,并以单个 HTML 文件形式呈现,作为灵感与界面探索的参考。

主要能力与约定:只在单个代码块中编写 HTML/Tailwind;CSS 样式放在 style 属性中;以一段回应开头,接代码,再以回应收尾;不提及 token、Tailwind 或 HTML。始终包含 html、head 和 body 标签。JavaScript 图标使用 lucide,笔画宽度 1.5。除用户指定样式外,默认参考 Linear、Stripe、Vercel、Tailwind UI 风格(不提及名称)。复选框、滑块、下拉框、开关需自定义,仅在属于 UI 一部分时加入。字体需精确,字重比常规细一级(如 Bold 用 Semibold);20px 以上标题使用 tracking-tight。需响应式,避免设置 Tailwind 配置或 CSS 类,直接在 HTML 标签内使用 Tailwind;不要将 Tailwind 类放在 html 标签,放在 body 标签。图表使用 chart.js,并注意画布层级避免无限增长。适当添加细微分隔线与描边。未指定图片时使用 Unsplash 图片(人脸、3D、渲染等)。设计要有创意、布局与细节丰富且可用;若已提供设计、代码或 HTML,需尽量尊重原有设计、字体、颜色与风格。动画不使用 JavaScript,改用 Tailwind,并添加悬停颜色与描边交互。科技、酷炫、未来风格除非另有说明倾向深色模式;现代、传统、专业、商务风格倾向浅色模式。图标避免渐变容器,logo 只用字母并紧凑字距。避免右下角悬浮 DOWNLOAD 按钮。

限制与说明:未提供安装步骤、配置方法、收费信息与平台支持等细节,暂未提供。