设计系统思维
从规则到产出 把字体、间距、动效写成技能文档，团队与 AI 共用同一套标准，减少反复对齐。
设计 · 前端 · AI 工具
用设计思维，
搭建 AI 与产品的桥梁
我是 Nic，专注 AI 设计技能与落地页系统。把审美写成可复用的规则，让每一次生成都更接近一件作品，而不是一张模板。
维护 AI Design Skills 开源集合 · 落地页设计与转化规范
我能带来什么
前端落地能力
从稿到页一夜 语义化 HTML、可访问状态、响应式布局，页面可以直接部署而不是停留在原型。
AI 协作工作流
提示词变生产力 为 Cursor、Claude Code 等工具编写技能，让生成结果稳定、可审查、可迭代。
我怎么协作
-
01
听懂意图与场景
先确认唯一转化目标、受众与异议，不急着画界面。自我介绍页和广告落地页的要求完全不同。
-
02
建立视觉与结构规范
选定布局类型、文案大纲与视觉 token，再按区块逐段实现，避免整页推倒重来。
-
03
迭代到可上线
补齐 hover、focus、表单校验与 meta 标签，页面可以分享、可以被搜索、可以被信任。
近期方向
正在构建面向 AI 编码工具的设计技能库，让「好看且能转化」有章可循。
AI Design Skills
落地页设计、改版诊断等技能，覆盖 intake、文案结构、视觉系统与上线清单。已被 Claude Code、Cursor 等工具直接使用。
开源 · MIT 许可
常见问答
你主要做什么类型的工作？
产品设计、落地页与营销页、AI 技能与规则编写，以及把设计规范落地成可维护的前端代码。
视频背景为什么选择梵高风格？
提线木偶与宠物意象，既有手工的温度，也有被引导的轻盈。技术和设计之间，也需要这种既自由又有结构的张力。
可以接受什么样的合作？
落地页与产品站、设计系统文档、AI 工作流与技能定制。短期咨询与阶段性项目均可，先聊场景再定范围。
页面上的信息可以改成我的真实资料吗？
可以。当前文案基于仓库上下文写的草稿，邮箱、社交链接、项目案例都可以直接替换，结构和样式已经按落地页规范搭好。
移动端视频会不会太重？
视频默认静音循环，并尊重系统的减少动态效果设置。若需要进一步优化，可以换更短的循环片段或增加静态 poster 图。
如何部署这个页面？
纯静态 HTML，可放到 Cloudflare Pages、GitHub Pages 或任意静态托管。确保视频文件与 index.html 的路径关系正确即可。