共 9 篇文章
前端开发与UI设计师必备的Skill
这是一个面向设计师与工程师的技能库，可以帮助他们构建更好的用户界面
实测，GPT Image 2 出UI设计图，Codex 帮我做出来并部署实现上线了！
演示用 GPT Image 2 出品牌网站 UI 设计图，再交给 Codex 生成可交互 HTML 页面并一键部署到 GitHub Pages、Vercel 或 Netlify 上线，全程零代码；进阶用 DESIGN.md 沉淀视觉规范供后续页面复用。
开源：350套排版布局 x 知识图鉴
开源项目“350套排版布局×知识图鉴”。在原100种排版基础上扩充到350种，按构图逻辑、视觉原则、出版广告、字体网格、网页UI、影视画面、中国传统构图、演示文稿8大一级分类（33个二级主题）整理，提供高清图与轻量预览及CSV/JSON可程序读取数据，可供设计学习、版式参考、团队沟通和撰写AI生图提示词之用。
高密度页面怎么组织：一份信息呈现指南
作者从自己做基础设施项目前端的经历出发，指出 AI 能很快搭出页面、补组件和交互，却不知道用户进页面后最该先理解什么、判断什么、下一步做什么。为此他整理出一份"信息呈现指南"（表达骨架）：先用三个问题定调——用户打开页面最该看到什么、为理解主信息还要哪些关联资源与上下文、看完后要做何动作；再根据答案在表格、看板、日历、仪表盘等方式里选合适的"骨架"，并附上十九种信息呈现方式的参考表（以 GitHub Projects 同一数据可切换表/看板/路线图为例）。它既是个人写前端的检查表，也是团队把 AI 用到前端时共用的判断依据。
前Figma工程师是如何用 AI 进行设计的
前Figma工程师分享自己作为'非设计师却讨厌劣质设计'的工程师如何用AI做设计并去劣质化，总结出7条方法：始终考虑整体约束而非局部修补、去掉智能体多余添加的元素、在设计工具中而非产品内迭代、使用可复用组件与组件库、用预览部署以真实数据验证、借鉴已解决问题的设计方案、通过反复尝试与复盘探索并打磨自己的审美品味。强调约束评估与设计品味都源于实践经验。