Wiki 知识库

全部文档 / 标签: 设计

89 篇
清除

三套让 AI 开发 iOS App 更专业的 Skill 推荐

作者被“逆向任何 iOS 应用”的夸张标题吸引,点进去后发现是三套给 AI 使用的 Skill。文章推荐了 Appllama Skills(让 AI 先研究畅销 App 的界面设计再照做)、Expo 官方 Skills(涵盖路由、原生 UI、打包上架的最佳实践)以及 Emil Kowalski 的 Skills(5 万星项目,专治 AI 动画与细节没品味的问题)。作者认为虽然标题夸张,但内容对做 App 开发的人很有价值,值得安装尝试。

技术 › Skill 洛克船长 (@slashui) 2026-10-271.8 KB 68

AI Design Skills 开源:一套让 AI 编程工具做出好设计的规则

作者介绍了开源项目 AI Design Skills,目前提供 landing-page-design 技能,适用于 Claude Code、Cursor、Codex 等可读取规则文件的 AI 编程工具。它不是现成模板,而是一套从内容到视觉的制作规则:先明确产品定位与用户目标,再组织页面结构;统一字体、间距、配色和动效等视觉系统;并补齐按钮悬停、加载、空页面、报错、表单校验、移动端适配和无障碍等交付细节,避免 AI 生成千篇一律的默认样式。评论区还交流了表单校验保留已填内容等实用经验。

技术 › 前端 Shlcy 2026-10-252.1 KB 64

AI 生图还能用 JSON 控制排版?5B 开源模型商业海报实验

作者测试了模思智能开源的 5B 生图模型 MOSS-Image,重点验证其文字渲染与 JSON Layout 结构化布局能力。通过虚构日系甜品店海报案例,对比传统自然语言 Prompt 与 JSON 布局控制的效果差异:JSON 可将人物、产品、标题等元素按坐标框精确定位,类似写前端页面。三轮测试覆盖主视觉、商业活动海报排版及中英文文字生成,验证了文案正确率、版式适配与视觉融合。结论是 JSON Layout 虽非 PS 级精确编辑,但能将模糊排版需求变为结构化描述,对商业海报、电商图等场景具有实际价值。

技术 › LLM 麻酱AI实验室 2026-10-2421.7 KB 5.3K 62 84

低成本卖模板可百万获利的赚钱思路

文章介绍了一种利用 AI 工具低成本生产并销售 PSD 设计模板的赚钱思路。核心流程为:先用 ChatGPT 或蚂蚁开源的 Ming-Image-0.1-Design 生成商业海报设计图,再借助其姐妹模型 Ming-Image-0.1-Design-Layer 将扁平图智能拆分为透明背景图层,最后用 Photoshop 整理成文字可编辑、分层清晰的 PSD 模板,在闲鱼、淘宝、小红书等渠道出售。作者建议从餐饮促销海报等细分领域入手,先做 5 款模板验证市场,再逐步扩大规模。文末还附有模型的本地部署与 API 使用方式。

技术 › LLM 鱼哥 2026-10-136.2 KB 7.2K 51 74

Paul Graham:什么是好设计?

本文是 Paul Graham《Taste for Makers》的中文修订编译稿,探讨如何判断作品与设计的好坏。文章区分了个人偏好与对质量的判断,指出品味可以进步,并总结了十四项好设计的特征:简洁、经得住时间、解决正确的问题、留有空间、带一点幽默感、需要艰苦工作、看起来不费力、善用对称、向自然学习、是改出来的、可以借鉴、有时显得奇特、往往集中出现、需要勇气。作者强调这些原则不是机械评分表,而是帮助创作者把模糊的感觉转化为具体观察与判断,通过持续追问和修改培养判断力。

AI 做图最怕改细节?用无限画布,一个人就是一支设计团队!「附实操」

作者分享了使用豆包工作「无限画布」进行 AI 设计的实操体验。从一张石榴海报的灵感出发,依次完成了产品图、品牌展示板、包装、帆布袋、社媒图、宣传海报等一整套品牌物料,最后还生成了一条 15 秒广告视频。文章详细介绍了无限画布的核心功能,包括引用生成、局部编辑、分图层、抠图、消除、扩图和变清晰等工具,以及「创意设计」和「创意视频」Agent 的使用方法。作者强调这种工作流让没有设计背景的人也能快速迭代创作,对比不同方案并逐步打磨细节,大大降低了创作门槛。

技术 › 工具与效率 Lonely 2026-10-0914.1 KB 162.9K 145 72

AI实战:从0搭建个人视觉IP系列教程|配图篇

本文是「搭建个人视觉体系」系列教程第3篇,讲解如何用AI建立个人配图规则。作者将创作者配图归纳为封面、信息图、数据图表、插画四大系统,介绍新粗野主义、极简信息设计、瑞士杂志等常见风格,并提出融合参考图设计语言与已有头像、Banner视觉资产的方法。文中提供完整Prompt用于让AI生成「个人配图规则」,指导读者通过四类测试图验证视觉统一性,并示范如何将规则应用到show-me、archify等图片类Skill中,最终形成可长期迭代的个人视觉识别体系。

技术 › Skill Morry.AI 2026-10-0815.3 KB 14.8K 142 87

当语言说不清审美,我给 Agent 搭了一套“视觉记忆系统”

作者作为设计师,探索让 Agent 理解个人审美偏好的方法。通过让 Agent 读取 Eagle 素材库,将收藏整理成可复用的“偏好证据”并生成个人审美档案。测试对比 Codex、Hermes、WorkBuddy 的 PPT 视觉提案,发现参考图比抽象形容词更能传递审美,但 Agent 能否学习取决于其识别与迁移规律的能力。针对海量素材检索问题,作者本地部署 SigLIP2 建立视觉索引,充当“视觉图书管理员”帮助 Agent 找图,最终形成收集、索引、检索、分析、确认、存档、反馈的完整流程,并封装为个人 Skill。

技术 › Agent 苏_夲 2026-10-018.1 KB 42.8K 130 76

AI 时代的审美提高手册(下)

文章探讨如何实际提高审美能力。作者提出几个方法:先接触经典与好的作品,借助他人积累的判断形成自己的感觉;通过对比练习选择,如信笺、名片排版与莫奈画作的比较;以安藤忠雄和卒姆托为例,说明观看、临摹、动手和身体经验对审美培养的作用;强调走进真实空间,通过建筑巡礼、自然观察、摄影和音乐聆听进行感官训练;最后主张在能力范围内花钱购买好的产品和体验,如苹果产品,通过真实接触认识品质,将笼统的喜欢转化为可使用的判断。

生活 › 随笔 Jaden 2026-09-2330.1 KB 230.4K 764 75

AI 时代的审美提高手册(上)

文章探讨 AI 时代审美能力的重要性。作者认为 AI 工具放大了人原本的选择,产出好坏取决于使用者的审美判断。作者主张审美有可学习的标准,不能以“各有所爱”敷衍,并以城市夜景灯光(东京与国内街道对比)为例说明审美可以具体分析。文章还指出审美会影响商业信任——客户接触的网站、方案等材料塑造专业印象;审美也是“社交的货币”,帮助建立共鸣与吸引力。提高审美的起点是先见过好的东西、认真感受并意识到差别。下篇将讨论观察、体验与审美训练的具体方法。

生活 › 美学 Jaden 2026-09-2216.9 KB 118.5K 380 64

Apple Design:提升 AI 界面设计品味的 Skill 合集推荐

作者分享在开发 APP 时使用的 Apple Design Skill,它将 Apple WWDC 设计分享中的界面与动效原则整理成 AI 指导,帮助改善界面层级、反馈和整体连贯性,效果接近苹果原生 App 风格。该 Skill 来自 Linear 设计师 Emil Kowalski 开源的 AI Agent Skills 项目(GitHub Star 近 4w),还包括设计工程总则、动画制作与审查、原型方案生成、移动端网页优化、Swift 编写、UI 组件库选择等多个实用 Skill,适合前端与设计开发场景使用。

技术 › Skill 酱紫表 (@pengchujin) 2026-09-212.9 KB 76

8 个提升 UI/Web 设计审美的灵感网站

文章推荐了 8 个适合 UI/Web 设计师收藏的灵感网站:getlayers.ai 提供 3D 场景与渐变背景素材,supahero.io 专注 Hero Section 参考,cta.gallery 研究按钮与 CTA 设计,loadmo.re 收集冲击力强的移动端网站,60fps.design 精选微交互与网页动画,recent.design 每日更新最新设计趋势,posts.design 提供社交媒体视觉参考,navbar.gallery 专注导航栏设计。作者还分享了个人工作流程:找参考、拆视觉、拆动效、AI 生成,最后用 Codex 实现落地。

技术 › 前端 风间 2026-09-202.9 KB 22.8K 73 61

非工程师怎么用好 Grok Bot?

本文整理了 SpaceXAI 官方发布的非工程师使用 Grok Bot 的最佳实践案例。作者发现官方数据显示非技术岗位是 Grok Bot 最重的使用群体,因此调研了招聘、销售、市场、财务、设计五大职能的具体用法:招聘用 Talent Scout Bot 自动搜寻和评估候选人;销售团队以幕僚长 Bot 总控,一人带一队 Bot 覆盖会议准备、拓客、客户跟进全流程;市场用 Bot 自动把研讨会线索分发给对应销售;财务的 Haggle Bot 通过席位审计和供应商比价一周省下超十万美元;设计师用四个协作 Bot 高效完成 Figma 设计和动效原型。文章强调 AI 可自动化流程,但关键决策和审批权应保留在人类手中。

技术 › Agent Kin 2026-09-1016.0 KB 62.1K 201 86

AI 不是没审美,只是不懂方块字

文章探讨 AI 生成中文页面排版难看的根本原因:不是审美问题,而是语言结构问题。作者指出 AI 默认的 CSS 参数(负字距、1.4 行高、Inter 字体栈)都是为拉丁文设计的,而汉字等宽、信息密度高、可用的层级手段少,与字母排版从根上不同。文章分析了标题过长、断行不当、细字重浅灰、照搬多列网格等常见症状,并给出可直接使用的排版处方:正文 16–18px、行高 1.75–2.0、字距为 0、一行 30–45 字、字体栈首位用 PingFang SC,以及给 AI 修改中文排版的速查表。

技术 › 前端 Su 2026-09-035.8 KB 13K 91 85

开源:350套排版布局 x 知识图鉴

作者在早期整理的「100 种排版」基础上扩充升级,开源了包含 350 种排版与构图方法的视觉参考图鉴,并提供 GitHub 项目地址。项目涵盖三分法、黄金比例等经典构图,以及字体网格、网页 UI、影视画面、中国传统构图、PPT 等场景,分为 8 个一级分类和 33 个二级主题。图鉴支持在线浏览、搜索与高清图下载,并提供 CSV 和 JSON 数据便于程序读取与工具集成,适合设计新手、学习者、AI 创作者、UI 设计师、PPT 制作者及设计团队使用。

技术 › 工具与效率 小小东 2026-09-014.1 KB 74

在 Claude Code 中做设计(摆脱 AI 味)

作者分享了如何让 Claude Code 生成符合个人品牌风格的设计作品。他曾花两天与 Claude 争论字体和间距,后来发现关键在于:与其用文字描述想要的幻灯片,不如让 Claude 直接读取已有的设计参考。文章详细介绍了如何将 Figma 通过 MCP 连接到 Claude,包括创建账号、导入参考文件、复制特定 frame 的链接等步骤。作者强调,AI 工具失败的原因是没有'你的东西'可读,只要提供真实的设计参考文件或品牌规范(如色值、字体、间距),Claude 就能产出完全符合品牌风格的作品。

技术 › Claude Code Charlie Hills 2026-08-3014.4 KB 109.9K 108 78

GPT官方教你制作表情包

文章介绍了利用ChatGPT官方的贴纸(Stickers)功能制作表情包的方法。作者分享了一个详细的prompt,用于生成3x3九宫格的手绘表情包贴纸,包含开心、愤怒、伤心、惊讶、害羞、得意、无语、委屈、兴奋九种表情,风格为Q版chibi小脸配厚白色描边的贴纸效果。生成的表情包可上传至微信表情包平台盈利,或提供付费定制表情包服务,是一条AI变现的实用思路。

如何在 Claude 中构建可编程图形(从 0 到 1)

Relate Studio 联合创始人 Alex 的教程,讲解如何利用 Claude 从 Figma 手绘草图生成自定义精美图形动画。流程包括:收集参考(如 Stripe 官网)、用自然语言提示词让 Claude 生成 three.js 粒子动画代码、在 Figma 中绘制图形并导出 SVG 交给 Claude 分析重建、通过截图反馈迭代修复 bug、将代码适配到 Webflow 等框架并调整参数、优化过渡平滑度,最终无需前端工程知识即可规模化构建整套动画效果。

技术 › Claude Alex 2026-08-257.4 KB 82.5K 252 68

色彩的语言:潘通色彩研究所谈品牌如何用颜色塑造意义

本文是 Figma 对潘通色彩研究所(PCI)副总裁 Laurie Pressman 的介绍,探讨品牌如何运用色彩心理学传递信息、引领趋势。色彩源于自然的联想(如黄色代表阳光与快乐、蓝色象征可靠),并受文化、经济与地域差异影响。文章以可口可乐、Airbnb 换色、Charli XCX 的 Brat Green 为例,说明成功的品牌色彩需反映品牌内核,并强调在设计之初就要考虑材质与媒介对色彩呈现的影响。

其他 › 设计 Figma 2026-08-226.4 KB 6.9M 1.4K 65

不靠多模态也能生图:web-image Skill 介绍

本文介绍 web-image 这一 skill:它不依赖模型的图像生成能力,而是让模型编写 HTML 和 CSS,由浏览器渲染成 PNG 图片。优点包括文字排版 100% 准确、像素级可控、修改局部不影响整体。内置 32 套设计风格(如包豪斯、日式侘寂、国潮等),支持自定义参照风格,提供 20 多个平台预设尺寸并标注遮挡区。适合制作封面、知识卡片、海报、Banner 等平面图,但不适用于人像和风景。免费开源,任何 agent 都可使用。

技术 › Skill 言溪 Yanxi 2026-08-213.6 KB 9.1K 57 65

把 50 年代老杂志,重新做成今天的封面:一套复古海报提示词

本文介绍了一套复古海报提示词,灵感源自40-60年代老杂志和商业插画,融合现代极简版式与复古人物风格。提示词支持自定义标题、副标题、画幅、人物设定和情感倾向,自动完成配色、排版和画面,适合制作长文封面、教程海报等。文章详细描述了提示词的设计原则,强调时代错位、视觉隐喻和留白,并提供了完整提示词示例。

技术 › 工具与效率 Adrian Punk 2026-08-208.5 KB 31.1K 97 69

GPT2 x 童趣 x 插画 x 笨拙 x 美学提示词 x VOL.017

本文分享了作者使用GPT2生成的一组美学提示词,主题为“童趣插画”。作者将照片转化为上半部分真实摄影、下半部分稚拙扁平插画的海报设计,并详细描述了提示词的构造逻辑,包括构图、配色、文字排版等。作者强调通过耐心与AI沟通,逐步打磨出理想效果,并附上了完整提示词及示例图片。

技术 › LLM 小小东 2026-08-204.3 KB 66

GPT2 x 手账 x 手绘 x 插画 x 拆解 x 美学提示词 x VOL.007

本文分享了作者在GPT2模型下创作手账风格美学提示词的经验,提供了一套详细的提示词模板,用于将照片转化为上下结构的高级设计海报,上半部分保留原始照片,下半部分重构为手写观察图谱,强调直观对比和参与感,并展示了多张示例图片。

技术 › LLM 小小东 2026-08-194.1 KB 66

2026 AI 视觉海报开源 Skill Top 10

本文为小红书/自媒体创作者推荐了10款免费开源的AI视觉海报生成Skill,涵盖手绘解释图、Zine风格海报、极简抽象编辑、情绪纸刊、轮播图自动化、穿搭变装、电影级宣发海报、CRT复古界面、纸上记忆版画及专业人像修复等,均可在GitHub获取,帮助用户无需设计师即可创作高质量视觉内容。

技术 › Skill 疯狂的烤妹儿 2026-08-192.4 KB 68

商用价目表提示词设计:SPA会所海报Prompt分享

作者开设新栏目“价目表”,专为各类商家制作实用的商业海报提示词。本期使用Gemini 3.7生成适合美业(如SPA会所)的轻奢风格服务价目表海报prompt,包含详细的排版、配色、卡片层次与信息架构描述。作者指出Gemini提示词结构简洁清晰,但需额外要求其重新规划配色以适配主题。文末附完整prompt供商用参考。

为什么品味不再只是“看起来够好”

文章探讨AI时代设计品味的意义。作者认为,随着寻找、参考和生成视觉的工具越来越擅长复现“足够好”的审美,平均水平在提升,但视觉池却在趋同。Pinterest等平台将灵感板变成视觉容器,而生成式AI更是加速了“文化→信息流→情绪板→生成”的反馈循环,使参考物本身变成了作品。作者指出,做出好看的东西从未如此容易,但判断品味是否参与其中却更难了。品味不只是识别或复现好审美的能力,更是决定选择、拒绝、重新诠释并回馈什么的标准——今天的创作选择将塑造明天的文化平均水平。

技术 › LLM Yifei Chen 2026-08-1815.1 KB 11.3K 111 63

案例证据带:让作品集在几秒内证明你的价值

本文指出很多作品集的问题在于观众看完漂亮大图后仍不清楚作者服务过谁、解决了什么、擅长哪类项目。为此,作者提出一种名为“案例证据带”的编辑海报设计方法:在首屏下方连续排列行业标签、品牌标志和项目类型,将大量案例压缩成可快速扫读的证据带。文章详细描述了设计要点,包括3:4竖版比例、暖白背景、12列网格、核心承诺标题、唯一主体、5-7个案例单元、每单元仅三项信息、强调色不超过6%等,并提供了延伸玩法和关键控制点。核心思想是:高级作品集不是堆砌成果,而是让观众几秒内看懂你为谁解决过什么问题。

一套提示词,玩转 3D 纸雕风

本文介绍了一套用于生成3D纸雕风格海报的提示词,强调通过视觉隐喻和真实纸雕质感来创作,而非简单套用滤镜。该提示词支持多种主题、色彩和情感倾向,可应用于城市地标、知识类封面等场景,并详细规定了设计原则、禁止事项和最终标准。

技术 › 工具与效率 Adrian Punk 2026-08-148.0 KB 30.9K 130 82