Wiki 知识库

全部文档 / 标签: UI

12 篇
清除

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

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

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

Agentic Systems Are the Future of Brands

文章提出 Agentic Brand Systems(智能体品牌系统)是品牌管理的未来。随着团队扩张和 AI 智能体参与生产,品牌决策速度暴增,而传统品牌指南分散在 Figma、Canva、代码等不同工具中,导致信息漂移和不一致。作者以 Sonata 品牌套件为例,介绍将品牌定位、语言规范、视觉规则(visual-system.json、tokens.css)和可用的 React 组件整合为一个人类可浏览、智能体可读取的统一系统,让每次触点都成为品牌真理源的延伸,终结品牌漂移问题。

技术 › Agent Little Plains 2026-10-0117.7 KB 332.5K 176 63

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

Brand Guidelines 怎么做?推荐 6 个品牌手册灵感库

作者整理了 6 个品牌手册(Brand Guidelines)相关的收藏站点,帮助设计师解决品牌资料查找混乱的痛点。知名品牌案例库包括 Deck Gallery(提案与交付展示)、BrandGuidelines(全球品牌规范 PDF)、Branding Style Guides(可按多维筛选的规范档案库);视觉应用类包括 Branding Website(快速建立视觉方向)、World Brand Design(品牌在包装、空间等真实媒介的应用展示)、Brand Archive(以品牌为单位的资产档案)。作者建议先明确需求再选择网站,并强调这些资产仅供研究学习,不可直接挪用。

技术 › 前端 RicoUI 2026-09-168.3 KB 5.7K 59 81

推荐两个非常漂亮的网页设计 Prompt 平台

作者推荐两个网页设计灵感平台:Motionsites 和 landbook。Motionsites 设计非常漂亮,自媒体博主常以其作品为模板,用户只需替换素材并用 Seedance 2.5 制作简单动效,一个 Prompt 即可生成自己的风格作品。Landbook 类别更全,涵盖落地页、注册、支付、电商等场景,设计感稍逊但覆盖制作平台或 APP 的方方面面。作者还提到可以直接录屏让 Astra 复刻设计,强调活学活用、值得收藏。

技术 › 前端 冰河 (@binghe) 2026-09-081.8 KB 48

SaaS 不会死,会隐身:Lovable 主动押注 UI 的消亡

本文基于 Latent Space 对 Lovable CTO Fabian Hedin 的专访,分析这家年化营收 5 亿美元、估值 133 亿的公司为何主动转型。Lovable 将把平台上 6000 万个应用的功能通过 MCP 服务器暴露给 ChatGPT、Claude 等 agent 直接调用,从'造应用'转向提供 capability。作者结合麦肯锡数据与 agent 框架爆发趋势指出:传统 SaaS 的界面价值将归零,商业模式需从卖界面转向卖能力。文章还给 SaaS 从业者、独立开发者和普通用户提出了三条启示:软件不会死,但会隐身。

技术 › Agent Jason Zhu 2026-08-276.1 KB 1.6K 3 75

设计师审美灵感网站推荐(第二期)

作者分享了第二批提升审美的设计灵感网站,包括全球顶级网页设计平台Awwwards、快速浏览最新设计的Recent design、Chrome插件Muzli、类似Pinterest的Designspiration、专注动效细节的Design spells,以及收录实验性前卫设计的Load more。这些网站涵盖UI、平面、配色、排版等方面,适合设计师日常刷找灵感、制作moodboard或研究高级感设计的细节。

技术 › 前端 Dreameryanyan (@yanliudreamer) 2026-08-221.8 KB 61

1分钟认识13类常见Motion动效名称

文章指出在交互和视频制作中,单纯向 AI Agent 描述动画效果往往效率低下且容易产生误解。为了解决这个问题,文章推荐了一个简短的视频教程,该视频整理并演示了 13 类常见的 Motion 动效名称(如 Push Slide, Staggered Entrance, FLIP 等)。掌握这些标准术语,可以帮助用户更准确地向 AI、设计师或开发者表达需求,大幅提升沟通效率。

技术 › 前端 meng shao 2026-07-111.9 KB