#design

带有「design」标签的教程、项目案例和资讯,共 4 篇。

把项目 README 交给 AI Agent,直接拿到一张杂志风的产品官网推荐

进阶教程:让 AI Agent 装好免费开源的 Mono Editorial Landing Skill,从 README 起草一张黑白杂志风落地页,你定标题、选首屏放报名框还是按钮,它在四种屏幕宽度下检查后交出可直接上传的 HTML,最后带你放上网。附 3 段可直接复制的提示词。

教程·进阶·10 分钟·视频landing-pageskillai-agentwebsite
高级:Agent 开发 03 讲透明、可控、一致三条设计原则

开发者进阶教程:从用户体验出发设计 Agent:空间、时间、核心三个层面的想法,再落到透明、可控、一致三条实操准则。

教程·高级·5 分钟agentdesignuxadvanced
Diagram Design 把长文和流程画成好看的图表推荐

当用户想把一段内容、一套流程或知识点变成图(架构图、流程图、时序图、时间线、象限图、数据图表等),或想把 Mermaid、draw.io、Excalidraw 图重画得更好看、用上自己网站的配色时使用。基于开源的 diagram-design(MIT):45 种图表,输出自包含的 HTML 加 SVG。不编数据,先说计划再画,先判断值不值得画。 应用场景: 让 Agent 把文字、流程和数据画成整洁的 HTML/SVG 图表,并能用上你自己网站的配色和字体。

Skill·入门·3 分钟skilldiagramvisualizationsvg
OpenAI Images 2.6 能直接生成 GIF 和 SVG推荐

OpenAI 11 月 4 日发布 Images 2.6:ChatGPT 里一句话或一张照片就能生成 GIF 动图,还能导出可无限放大、可继续编辑的 SVG 矢量文件,速度快约 50%。表情包、图标、印刷物料、短视频素材都能用上;SVG 目前有一张一次、只能从文字生成等限制。

资讯·入门·2 分钟·2026年11月6日openaiimage-generationgifsvg