Design

Design taxonomy generated by the site skill importer.

44 个技能
A
openclaw-persona-forge

作者 affaan-m

openclaw-persona-forge 是一款以工作流驱动的技能,用于从零开始构建完整的 OpenClaw persona 套件。它会生成身份张力、SOUL.md 风格框架、边界规则、名字备选,以及可选的头像 prompt 指引。适合 OpenClaw 角色设计、roleplay agents 和偏 UI Design 的 persona 工作,不适合对现有 persona 做小幅修改。

UI 设计
收藏 0GitHub 156.2k
A
gan-style-harness

作者 affaan-m

gan-style-harness 是一个面向 Agent Orchestration 的 Generator-Evaluator 技能,帮助构建完整应用,并通过更严格的评审、更好的迭代和更少的薄弱环节来提升交付质量。当你需要用于前端密集型、全栈或更偏生产环境的工作,并且更看重评审质量而不是速度时,就应该使用 gan-style-harness 技能。

Agent 编排
收藏 0GitHub 156.2k
M
prototype

作者 mattpocock

prototype 技能可帮助你先做一段临时代码,在真正实现之前,先回答一个具体问题。它适合用可运行的原型来验证逻辑、状态流转、数据结构或 UI 方向,并且能符合宿主仓库的约定。它特别适合你需要的是一份快速的 prototype 指南,而不是最终功能的时候。

原型
收藏 0GitHub 66k
L
design-taste-frontend

作者 Leonxlnx

design-taste-frontend 是一款面向前端的 anti-slop 技能,适用于落地页、作品集、编辑类页面和重设计。它能帮助 agent 读懂需求简报,推断合适的视觉方向,并交付有意图感而非模板化的界面。对于 Frontend Development 场景中重视设计品味、层级关系和品牌契合度的工作,它尤其适合。

前端开发
收藏 0GitHub 21.7k
P
typeset

作者 pbakaus

typeset 通过修正字体选择、层级、字号、字重和可读性来提升 UI 排版,让文字更有意图感。若 UI 设计中的文案显得普通、不统一或难以快速扫读,而你又希望用更清晰的排版体系减少试错,就使用 typeset 技能。

UI 设计
收藏 0GitHub 20.4k
P
shape

作者 pbakaus

shape 是一项以规划优先为核心的 UI/UX 设计技能,会先进行结构化需求探索访谈,再在编码前产出设计简报。适合用来梳理用户问题、约束条件与设计方向,然后将简报交接给后续实现环节。

UI/UX 设计
收藏 0GitHub 20.4k
P
quieter

作者 pbakaus

quieter 是一项用于打磨 UI 设计的 refinement 技能,适合在界面显得过于强烈、嘈杂或造成感官负担时使用,在保留清晰度、层级关系和品牌意图的前提下降低视觉攻击性。它最适合在父级 `$impeccable` 技能之后使用,帮助团队先判断强烈感的来源,再做有针对性的调整。

UI 设计
收藏 0GitHub 20.4k
P
distill

作者 pbakaus

distill 可通过去除干扰、薄弱层级和冗余选项来简化杂乱的 UI 设计,让核心任务更清晰。适合在某个界面需要有纪律地做减法、理清优先级,并进行一轮聚焦式简化时使用。

UI 设计
收藏 0GitHub 20.4k
P
critique

作者 pbakaus

critique 可帮助你从 UX 视角评审界面、功能、页面或组件,提供结构化评分、基于 persona 的测试、启发式检查以及可落地的改进建议。如果你需要一套可重复使用的 UI/UX Design 评审方法,而不是笼统模糊的点评,就适合使用 critique。它最适合在背景明确的前提下,针对某个具体区域进行聚焦式评审。

UI/UX 设计
收藏 0GitHub 20.4k
P
delight

作者 pbakaus

使用 delight skill 为成功、加载、空状态和引导流程加入得体的 UI 润色、micro-interactions 与产品个性,同时不牺牲可用性或分散用户注意力。

UI 设计
收藏 0GitHub 20.4k
P
clarify

作者 pbakaus

clarify 可优化容易引起困惑的 UX 文案、错误消息、标签、引导步骤和操作说明,让用户更少靠猜就能完成动作。它适合技术写作、支持内容以及需要把界面文案写得更清楚的产品团队。这个技能会先明确上下文、受众和用户状态,再进行改写,因此输出会更直接、更具体,也更便于实际使用。

技术写作
收藏 0GitHub 20.4k
O
figma-create-new-file

作者 openai

figma-create-new-file 会在草稿中创建一个全新的空白 Figma Design 文件或 FigJam 白板。适合在进行更深入的 Figma 操作(包括 use_figma)之前,先建立一个干净的起点。它支持 design 或 figjam、可选文件命名,并且在需要时可通过 whoami 解析权限方案。

UI 设计
收藏 0GitHub 18.6k
O
figma

作者 openai

使用 figma 从 Figma MCP server 中拉取设计上下文、截图、变量和资源,然后把 Figma 节点转化为可直接落地的 UI 决策。这个 figma skill 适合你手头有 Figma URL 或 node ID,需要用于设计转代码、配置或排障的准确 figma 用法时使用。

设计实现
收藏 0GitHub 18.6k
M
shader-dev

作者 MiniMax-AI

shader-dev 是一个面向 ShaderToy 风格实时视觉效果的实用 GLSL 着色器技能。使用 shader-dev 技能可以更少靠猜测地构建或调试 ray marching、SDF 场景、光照、粒子、流体运动、后期处理,以及用于 UI Design 的 shader-dev。

UI 设计
收藏 0GitHub 11.7k
P
brainstorm-ideas-new

作者 phuryn

brainstorm-ideas-new 是一项处于探索发现阶段的构思技能,帮助你从 PM、Designer 和 Engineer 的视角,把新的产品概念拆解成具体的功能点创意。适用于早期产品探索、创业点子,以及在正式开发前需要先验证可行方案的战略规划场景。

战略规划
收藏 0GitHub 11.1k
P
identify-assumptions-existing

作者 phuryn

identify-assumptions-existing 帮助你在现有产品中对功能想法做压力测试,通过梳理 Value、Usability、Viability 和 Feasibility 维度中的高风险假设,提前发现问题。它结合 PM、设计师和工程师视角,并引入 devil’s advocate 式的反方审视,用于 Strategic Planning 和开发前风险评审。

战略规划
收藏 0GitHub 11k
P
brainstorm-ideas-existing

作者 phuryn

brainstorm-ideas-existing 是一款面向产品发现的技能,帮助你围绕现有产品从 PM、Designer 和 Engineer 的视角生成创意。它可用于发掘机会、收敛有潜力的方向,并在 Product Management 工作流和三人组探索中优先排序概念。

产品管理
收藏 0GitHub 11k
P
wwas

作者 phuryn

wwas 是一个用于 Requirements Planning 的提示技能,可将零散想法转化为 Why-What-Acceptance 待办项。使用 wwas 可以捕捉业务背景、清晰定义变更,并撰写可测试的验收标准,让工作项更适合冲刺开发。

需求规划
收藏 0GitHub 11k
P
user-stories

作者 phuryn

使用 user-stories 技能,将功能转化为可直接进入 backlog 的用户故事,结合 3 C’s、INVEST 原则、设计链接和可验证的验收标准。非常适合编写用户故事、拆分功能为 backlog 项,并用于 Requirements Planning 下的 user-stories,让范围更清晰、减少猜测。

需求规划
收藏 0GitHub 11k
P
job-stories

作者 phuryn

使用 job-stories 技能,把功能想法转化为 JTBD 风格的 job story,格式为“当 [情境] 时,我想要 [动机],以便 [结果]”。它有助于产出更清晰的 backlog 条目、在 Requirements Planning 中正确使用 job-stories,并生成扎根于用户情境的验收标准。

需求规划
收藏 0GitHub 11k
T
design

作者 tw93

design 技能可将模糊的 UI 需求转化为适合生产环境的视觉输出,适用于页面、组件、仪表盘以及基于截图的精修。当前端界面显得难看、含糊、不一致或视觉上不对劲时,尤其适合使用它;当你需要的是 UI 设计,而不是后端逻辑或数据流水线时,也应优先考虑它。它包含安装、使用、护栏约束以及更优审美决策的指导。

UI 设计
收藏 0GitHub 5.1k
G
design-md

作者 google-labs-code

design-md 技能会分析 Stitch 项目,并把其中的界面整理成语义化的 DESIGN.md 事实来源,帮助你在布局、语气、颜色和组件语言上保持一致。若你需要的是面向未来 Stitch 生成的可提示指导,而不只是一个视觉摘要,那么 design-md 很适合用于 Design Systems。

设计系统
收藏 0GitHub 5k
T
sharp-edges

作者 trailofbits

sharp-edges 技能帮助你找出那些“走最省事的路反而更不安全”的 API、配置和接口。可用来审查认证流程、加密封装、危险默认值、null 或 zero 语义,以及容易被误用的设计选择。它非常适合用于 Security Audit 场景下的 sharp-edges 工作,当你需要的是具体的误用陷阱,而不是泛泛的安全猜测时。

安全审计
收藏 0GitHub 5k
D
lean-ux-canvas

作者 deanpeters

lean-ux-canvas 帮助团队梳理业务问题、暴露假设,并使用 Lean UX Canvas v2 明确下一步要学什么。适合工作坊准备、干系人对齐,以及在进入方案设计前需要一份实用的 lean-ux-canvas 指南时用于早期产品发现。

Skill 编写
收藏 0GitHub 4.1k
Design