SuperAPI AI 工具集

website-design

前端与建站

查看项目

更新于 10-15 22:17

技能介绍

用途:为任意行业的企业设计并构建高端多页网站。技能以“首席创意技术专家”角色工作,从美学词汇、组件规范库和趋势语境中组合出独特站点,而非套用模板。

主要能力:提供与框架无关的设计系统,包含构图规则、组件规范与动画原语;按页面构建,先首页后其他页;内置发现阶段问卷(业务名称、定位、差异化、CTA、所需页面、是否需要认证等);生成 2–3 个差异化美学方向并输出 core-visual-brief.md;按内容需求编排区块顺序,并用校验表检查权重、背景与动效;动画以 CSS 优先(@keyframes、transitions、animation-timeline、View Transitions API),脚本组件可用 Web Animations API,Motion One 为最后手段。

使用方式:按阶段顺序执行——发现、方向生成、构图、实现。绿地项目无偏好时使用默认适配器 Astro + SolidJS + Tailwind CSS v4,并嵌入 datafa.st 分析,可选 BetterAuth 脚手架;已有项目则沿用其技术栈。字体禁用清单包含 Inter、Roboto、Open Sans 等,需在写简报前替换。

限制:明确禁止安装 GSAP、ScrollTrigger、@gsap/react、Framer Motion、Lenis;动画须保留在 CSS 中直到 CSS 确实无法实现;动效有预算上限,交错间隔不得低于 60ms;图片需使用真实 Unsplash URL 并带 alt、width、height,首页至少 3 张真实照片。具体收费、价格与效果资料暂未提供。