运行于
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 打分
你的评分
暂无用户评价
成为第一个评价它的人吧
常见问题
可以。它输出的是响应式生产级代码,构图规则(不对称、重叠、意外布局)本身就是在响应式约束里玩的,自查清单里也包含小屏幕检查。








