运行于
CClaude CodeCCursorCCodexCGitHub Copilot
相似的 Skills
你将获得
- 设计方向宣言：一句话美学定位 + 3 个参考关键词 + 避开的风格
- 设计令牌清单：CSS 变量定义的色彩、字体、间距、动效
- 生产级页面代码：HTML/CSS/JS 一体、响应式、直接可用
- 动效编排表：每个动效的触发时机、时长、缓动曲线
- 自查清单：8 项'AI 味'检查逐项打勾
网页设计美学方向字体排印动效设计落地页
适合这样的你
- 需要'一看就不一样'的落地页和官网
- 作品集、品牌站这类'美学即产品'的页面
- 想把模板感很重、一眼 AI 生成的页面推倒重做
网页设计美学方向字体排印动效设计落地页
可能不适合
- 后台管理系统、数据密集型内部工具（这类先讲功能）
- 必须严格遵循已有企业设计规范的项目
- 印刷品或纯平面设计（本 skill 只做网页）
网页设计美学方向字体排印动效设计落地页
关于此 Skill
你说：你说 /web-design-pro，给一家独立咖啡品牌设计一个落地页：
/web-design-pro
设计先行、再写代码的高级网页设计工作流。先吃透项目目标与受众，再选定一个极致的美学方向（极简、极繁、复古未来、野兽派、编辑杂志风……），字体、色彩、动效、构图全部围着这个方向打磨：避开千篇一律的平庸字体，用 CSS 变量统一色彩体系，CSS…
用户评价
5.0
为这个 Skill 打分
你的评分
暂无用户评价
成为第一个评价它的人吧
常见问题
可以。它输出的是响应式生产级代码，构图规则（不对称、重叠、意外布局）本身就是在响应式约束里玩的，自查清单里也包含小屏幕检查。