作者 garrytan
design-consultation 是一项 design-consultation 技能,用于把粗略的产品想法转化为完整的设计方向。它会生成 DESIGN.md 作为单一事实来源,并提供预览,以及关于字体、颜色、间距、布局和动效的系统级指导。适合新产品和需要统一起点的 UI 界面。
作者 garrytan
design-consultation 是一项 design-consultation 技能,用于把粗略的产品想法转化为完整的设计方向。它会生成 DESIGN.md 作为单一事实来源,并提供预览,以及关于字体、颜色、间距、布局和动效的系统级指导。适合新产品和需要统一起点的 UI 界面。
作者 wshobson
visual-design-foundations 可帮助团队用字阶体系、颜色 tokens、间距规则和图标规范搭建实用的 UI 系统。你可以用它建立稳固的设计基础、产出 style guide、审查视觉层级,并在清晰设计约束下生成可直接落地的 CSS variables。
作者 pbakaus
quieter 是一项用于打磨 UI 设计的 refinement 技能,适合在界面显得过于强烈、嘈杂或造成感官负担时使用,在保留清晰度、层级关系和品牌意图的前提下降低视觉攻击性。它最适合在父级 `$impeccable` 技能之后使用,帮助团队先判断强烈感的来源,再做有针对性的调整。
作者 Leonxlnx
brandkit 是一款面向品牌设计工作的高端品牌套件图像生成技能,适用于 logo 系统、品牌识别 deck、视觉规范板和带明确艺术指导的品牌展示。它专为创业公司、开发者工具、安全、游戏、消费级应用和奢侈概念等场景生成统一、工作室风格的结果而设计。当你想要的是完整、精致的品牌世界,而不是通用的 AI moodboard 时,就该用 brandkit。
作者 Leonxlnx
industrial-brutalist-ui UI设计技能用于打造机械感、高密度界面,融合瑞士风格网格、强烈的字体对比、实用主义配色和模拟纹理。这个 industrial-brutalist-ui 指南适合看板、编辑系统和作品集页面,帮助它们呈现克制、明确的控制台式视觉气质。
作者 pbakaus
colorize 技能可帮助 UI 团队为灰暗或过于平淡的界面加入更有策略性的色彩。了解何时适合使用、需要提供哪些上下文,以及它如何融入 impeccable 工作流,与 $frontend-design 和品牌导向的配色决策配合使用。
作者 pbakaus
bolder 可在不牺牲可用性的前提下,让过于安全、平淡的 UI 设计更有辨识度。了解何时适合使用 bolder、必须先执行的 $frontend-design 前置步骤,以及如何通过更有力的 prompts、问题诊断和可控的视觉强化来取得更好的设计效果。
作者 pbakaus
distill 是一项用于 UI 设计精简的 skill,帮助你把页面、组件和流程收束到最核心的目标上。适合用来减少杂乱、视觉噪音和功能膨胀,但要注意,distill 依赖 /frontend-design,某些情况下还需要先使用 /teach-impeccable。
作者 pbakaus
了解 colorize 技能如何为灰暗或层次平淡的 UI 设计加入更有策略的色彩。本指南涵盖使用前所需的 frontend-design 准备、仓库中的安装与调用背景,以及在信息层级、语义表达和品牌契合度上的实际用法。
作者 pbakaus
bolder 是一项面向 UI 设计的技能,适合用来强化那些平淡、过于保守的界面,通过提升对比、层级和个性,让设计更有表现力。建议在完成 /frontend-design 上下文收集后使用;如果还没有设计上下文,也可先用 /teach-impeccable。这样能在不牺牲可用性的前提下,获得更犀利、也更可落地的设计改进建议。
作者 pbakaus
quieter 技能可降低 UI Design 的视觉刺激强度,帮助弱化过于张扬、刺眼或容易造成感官负担的界面,同时保留层级、清晰度和品牌个性。最适合在 pbakaus/impeccable 仓库中完成必需的 /frontend-design 工作流后使用。
作者 pbakaus
distill 是一项用于 UI 设计精简的技能,帮助你把界面收束到最核心的任务上。可用于减少界面杂乱、降低干扰并理清信息层级。它最适合在 /frontend-design 之后使用,前提是你已经明确具体页面、单一主要用户目标,以及必须保留的约束条件。
作者 pbakaus
colorize skill 可帮助团队为灰暗或过于扁平的 UI 设计加入更有策略性的色彩。它会指导你判断颜色应该出现在哪里、为什么重要,以及如何结合现有品牌语境、信息层级、语义状态与整体调性来使用颜色。建议在 /frontend-design 之后使用,以获得更可靠的配色决策。
作者 JimLiu
baoyu-cover-image 帮助 agent 按类型、配色、渲染、文字和氛围等维度,生成结构化的文章封面图提示词。它支持 2.35:1、16:9 和 1:1 格式,内置自动选择规则与兼容性说明,适合可重复执行的 editorial 和 UI Design 封面工作流。
作者 markdown-viewer
infographic 技能会使用 `infographic` DSL,将结构化内容转换为精致的 infographic 布局。适合 KPI 卡片、时间线、路线图、步骤流程、A vs B 对比、SWOT、漏斗、组织树以及简单图表。它尤其适合用于 UI Design 中的 infographic 以及 4-8 个项目的演示型摘要。不适合复杂数据分析或技术示意图。
作者 Leonxlnx
high-end-visual-design 是一款面向高端 UI 方向的技能,适合打造编辑感、电影感和精心打磨的界面。它通过引导字体、间距、阴影、动效和版式构图,帮助 AI 避免千篇一律的布局,适用于落地页、营销网站、仪表盘以及更精致的 App 界面。
作者 MiniMax-AI
minimax-pdf 技能可帮助你在重视视觉质量和文档一致性的场景下创建、填充或重排精美 PDF。它适用于 CREATE、FILL 或 REFORMAT 工作流,采用基于 token 的设计系统,把粗糙输入转成可直接印刷的输出。本指南涵盖 minimax-pdf 的安装、使用方法,以及如何选择合适的路由以获得更好结果。
作者 pbakaus
teach-impeccable 是一个一次性设置技能:它会扫描你的 repo,只询问缺失的 UX 和品牌相关信息,并将可持续复用的设计指导保存下来,供后续 AI 会话使用。
作者 pbakaus
quieter 是一项用于优化 UI 设计细节的技能,可在保留信息层级、品牌特征和可用性的前提下降低视觉刺激强度。它最适合在 /frontend-design 之后使用;如上下文仍不足,可配合 /teach-impeccable,帮助团队在不做全面改版的情况下,让过于喧闹的界面更克制、更舒适。