ChatGPT Image 2 可以生成不错的 2D 游戏素材，但直接导入 Tiled 往往会遇到背景不透明、网格不齐、元素粘连等问题。这里讲清 Tiled 对 SpriteSheet 的要求，以及如何通过 SpriteSheet 编辑器把 AI 生成素材整理成可用的透明 PNG。
GPT-image2 可以快速产出像素角色、tilemap、UI 套件和成长序列草案，但要想进入游戏工程，需要在提示词里约束视角、帧数、网格、留白和可切片性。围绕多类像素风素材测试，整理可复用的提示词写法和常见问题。
使用同一个产品介绍页需求对原生生成、UI Aesthetics、UI UX Pro Max、Frontend-Design、Taste Skill 以及 impeccable 二次优化进行横向对比，重点分析视觉表现、页面结构、代码质量、响应式和维护成本，帮助选择适合的前端设计 Skill。
卡片式对话不是把组件塞进聊天框，而是涉及模型输出、Markdown 流式解析、实时数据获取、跨端渲染和事件通信的一整套协议设计。这里系统讲解代码块扩展、占位符、自定义标签、增量 Patch、Tool 驱动以及四层统一协议的落地方式。
animal-island-ui 是一个参考《集合啦！动物森友会》视觉风格的 React UI 组件库，基于 TypeScript 和 Vite 构建。内容覆盖组件能力、视觉设计机制、适用场景、安装使用方式，以及非商业使用限制。
design-md-chrome 是一个开源 Chrome 扩展，可以从当前网页提取排版、颜色、间距、圆角、阴影和动效等设计信号，并生成 DESIGN.md 或 SKILL.md，方便交给 Google Stitch、Claude Code、Codex 等工具复用网站的设计规范。
DESIGN.md 是写给 AI coding agent 的纯文本设计系统，用来约束颜色、字体、间距和组件状态。通过把视觉规则放进项目根目录，并在 agent 配置中强制引用，可以减少 AI 生成界面的风格漂移。
AI Coding 真正的瓶颈不只是生成代码，而是测试、验证、排障、交付等非编码流程。围绕 Harness Engineering，系统讲清大模型推理限制、上下文治理、工具设计、多智能体协作和端到端闭环交付的方法。
Spec Coding 通过先写规格、再写代码，把 AI 编程从即时问答变成可审计、可约束的工程流程。围绕 Claude Code 的真实前端项目实践，拆解规格工作流、规范体系、MCP 接入方式，以及 AI 编程的能力边界。
