分类: 技术笔记 - 凌风 Blog

2026-07-31 06:11:19 · 24 次阅读

Codex + 4 个 Skills：审美、动效、工程、测试一条龙

Taste Skill（审美）+ GSAP Skill（动效）+ Ponytail Skill（极简工程）+ Playwright MCP（自动测试），四大开源 Skills 组成 AI 前端工业化开发流水线。

2026-07-28 23:26:05 · 28 次阅读

用 AI 写 uniapp 小程序最怕 10 个页面 10 种写法、变量乱起、颜色硬编码。这个 Skill 用 8 份规范文档（请求封装/Pinia/路由/性能/存储/埋点/组件通信/红线）+ 20 条红线规则约束 AI，先定规范再让 AI 干活。

2026-07-10 09:39:48 · 84 次阅读

用 GPT image2 生成 UI 效果图后，直接 AI coding 或 Figma make 都会因为插画/图标 SVG 没法还原而翻车。最省钱的工作流：GPT image2 出图并分层 → MasterGo AI 抠图 → Figma 手动合并插画。

2026-07-06 00:05:31 · 106 次阅读

GSAP 官方出品的 8 个 AI Skill，教 Agent 正确使用 GSAP——核心 API、Timeline、ScrollTrigger、插件、React/Vue、性能优化。Webflow 收购后所有原 Club 插件（SplitText/MorphSVG 等）全部免费。

2026-07-01 07:02:11 · 100 次阅读

一个面向 AI 编程智能体的 Skill：从截图、图片或网址中提取视觉设计的三个维度（设计系统 token、设计风格、视觉特效），输出机器可读的 Design DNA JSON，让任何 Agent 都能据此稳定复现一致的设计。

2026-07-01 00:01:33 · 92 次阅读

用 Claude Code + DeepSeek V4 Pro 做同一个个人主页，零约束、设计提示词、截图参考三种方法测下来，AI 做出的 UI 质感差了三档。截图能告诉 AI 大概长什么样，但守不住为什么好看。

2026-06-23 22:59:44 · 118 次阅读

ui-skills.com 把 UI 设计、前端体验、动效、可访问性、设计系统等能力整理成 110 套可直接给 AI Agent 调用的 Skill，解决了 AI 写 UI 功能能跑但质感不足的问题。

2026-06-22 00:04:26 · 118 次阅读

让 Images 2.0 管审美，让 Codex 管代码。先生图后生站，两套模型分工，比逼一个全能选手干所有活出来的效果好得多。

2026-06-11 23:30:08 · 256 次阅读

用 Codex 装一个 three-scope-map-skill，一句话生成可交互的 3D 动态地图，支持省份下钻和全局改色。

2026-06-02 12:38:46 · 200 次阅读

rico-design-md 可以将任意网站转换为设计系统文档，支持提取设计令牌、颜色、排版、间距、阴影和组件样式，并生成多种输出格式。