分类: 技术笔记 - 凌风 Blog

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

GPT image2 生成的 UI 效果图，如何高质量做设计还原

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2026-06-01 22:48:47 · 175 次阅读

用一句通用提示词模板，让 GPT 按指定游戏风格生成一整套中文游戏 APP UI 界面，实测 7 组不同风格，再进一步拆成可复用的组件库。

2026-05-28 00:51:14 · 183 次阅读

从 PPT Skill 拆出来的图文卡片专用工具，内置 11 个品类适配、28 个版式骨架、两套视觉系统，把杂志和海报的设计语言搬到手机信息流里。