Wiki 知识库

全部文档 / 标签: HTML/CSS

3 篇
清除

AI 海报构图手册(上):16 种控制焦点与动势的构图及提示词

作者系统梳理经典设计理论、格式塔原理与网格系统,整理出 32 种可直接写入 AI 提示词的海报构图,本文为上册,介绍前 16 种。文章先讲解海报的六个可控变量(焦点、层级、分组、平衡、动势、空间)及总提示词模板,再分“平衡与焦点”和“几何骨架”两组详解中轴对称、非对称平衡、三分法、黄金螺旋、大留白、边缘锚定、三角构图、倒三角、同心环绕、框中框等构图,每种均附视线路径、适用场景、避坑要点及图像模型与 HTML/CSS 提示词,帮助用户把视觉需求清晰传达给 AI。

技术 › 前端 Adrian Punk 2026-08-2525.9 KB 40.7K 186 91

用 HTML/CSS 和 Claude Code 替代 Google Slides 制作演示文稿

作者分享了如何使用 Claude Code、HTML/CSS 和 git 完全替代 Google Slides 来构建融资演示文稿。通过开源项目 Stella Decks,他将幻灯片转化为代码,利用 LLM 的编程和写作能力,实现了分钟级的迭代周期。文章详细介绍了通过对话建立设计系统、基于 Brief 生成幻灯片、叙事审查以及通过 manifest 管理幻灯片顺序的工作流。

技术 › Claude Code Ryan Sarver 2026-04-1520.9 KB 88.7K 190 82