puzzle-image-generator
用于生成拼图底图的技能：按模板编写无文字、无网格的方形图像提示词，并通过内置 Node.js 脚本调用 Gemini 图像预览 API 生成 1:1 图片。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-06 00:14
设计与创作
22,115 个结果
widget-decomposition
面向 Flutter 开发的原子设计拆解技能，在用户需要把 Widget 按 Atomic Design 层级拆分时自动激活，提供层级判定、拆解表格与文件放置建议，并在重构前请求确认。
architecture
CodeSensei 的架构教学模块，讲解软件架构、设计模式与系统设计概念，面向 Blue Belt 及以上用户，在 Claude 做出重要架构决策时触发。
image-prompting
面向 nanobanana 图像生成与编辑工具的提示词最佳实践技能，提供提示词结构、Gemini 模型选择建议、编辑技巧与使用限制说明。
free-tool-strategy
面向营销用途的免费工具策略技能，帮助规划、评估和构建用于获客、SEO 与品牌曝光的免费工具，覆盖选题、验证、关键词、落地页、线索捕获、构建方式、上线推广与指标衡量。
remotion-best-practices
Remotion 是一个用 React 创建视频的框架，本技能为处理 Remotion 代码时提供领域专属的最佳实践知识。它本身不是可运行的工具，而是一套按主题拆分的规则文件集合，涵盖 3D 内容、动画、素材导入、音频处理、字幕、图表、合成定义、字体、GIF、Lottie、文本测量与动画、时间曲线、转场、裁剪、视频嵌入等众多方面。当你在编写或调试 Remotion 代码时，可按需查阅对应的规则文件，获取详细说明与代码示例，从而更规范、高效地完成视频开发任务。
frontend-design
面向 Web UI 的设计思维与决策技能，用于组件、布局、配色、字体与美学界面设计。强调先思考再动手、先询问再假设，并提供 UX 心理学、色彩、字体、视觉特效、动效等参考文件与 UX 审计脚本。
game-art
游戏美术原则技能，覆盖视觉风格选择、资源管线、配色、动画原理、分辨率与资源组织，提供决策树、对比矩阵与命名规范，帮助团队建立美术方向与制作流程。
game-audio
游戏音频设计原则技能，覆盖声音分类与优先级、音效制作、音乐状态与转场、自适应音频、3D 空间音频、平台格式与内存预算、混音层级及常见反模式，用于构建沉浸式游戏音频系统。
game-design
游戏设计原则技能，涵盖核心循环、GDD 结构、玩家心理、难度平衡与成长设计，帮助以迭代方式打磨有趣的游戏体验。
mobile-design
面向 iOS 与 Android 应用的移动优先设计思维与决策技能，涵盖触控交互、性能模式与平台规范，强调先思考移动端约束、先询问平台选择，并提供审计脚本与参考文件。
agentic-workflow-designer
agentic-workflow-designer 是一个对话式技能，通过结构化访谈了解用户目标，帮助尚未掌握工作流语法的用户设计并生成一个完整的 agentic workflow .md 文件。
maui-project-structure
用于配置 .NET MAUI 单项目结构的技能，覆盖应用图标、启动屏、资源文件夹、图片/字体/原始资产、应用显示与构建版本号以及中央包管理。
canon-color-blindness
CANON 色盲设计规范：约8%男性和0.5%女性存在色觉缺陷，该规范要求颜色不能作为唯一信号，并给出调色板策略、图表做法、测试工具与审计清单。
canon-forms
CANON 表单设计规范：用于设计与审查表单、输入控件、校验、错误提示、标签与提交流程，给出字段结构、标签位置、尺寸、输入类型、autocomplete、校验时机、错误信息、提交按钮、必填标记、多步表单与无障碍要求，并附反模式与审查清单。
canon-i18n
canon-i18n 是一项面向国际化的设计与实现指南，聚焦字符串外置、ICU MessageFormat 复数处理、Intl 日期/数字格式化、文本膨胀与字体布局等要点，帮助代码库在新增语言时不必重写界面。
canon-rtl
CANON 的 RTL 设计指南，讲解阿拉伯语、希伯来语、波斯语、乌尔都语等从右到左书写语言的布局与逻辑属性用法，说明哪些元素需要镜像、哪些不应镜像，并给出测试与审查清单。
canon-states
canon-states 是 dragoon0x/canon 下的界面状态设计规范，用于设计或审查加载、空、错误、成功、骨架屏与零数据等非“正常路径”UI 状态，帮助每个数据驱动界面在设计时就覆盖完整状态。
m-align
m-align 是一个用于检查页面视觉对齐一致性的工具，属于 dragoon0x/meridian 项目下的技能。它的作用是扫描各个区块之间的对齐问题，确保同一页面内不同部分的视觉排列保持一致。主要检查项包括：区块标题是否处于相同的横向位置、卡片网格是否对齐、文本块是否共享一致的左边缘、居中元素是否真正居中，以及图片是否与文本基线对齐。用户通过输入斜杠命令 /m-align 来触发对齐检查。该工具适合在网页或界面布局完成后进行视觉走查，帮助发现因手动排版造成的错位问题。关于具体的安装方式、支持的平台、收费模式以及详细使用步骤，资料中暂未提供。
m-bolder
m-bolder 是一个用于放大安全设计方案的技能：通过加大标题字号、增强强调色、增加阴影层级、放大区块间距，并加入一个有目的的动画，让原本容易被忽略的设计更醒目、更有记忆点。
m-color-audit
m-color-audit 是一个用于颜色审计的技能，旨在找出所有不在调色板或令牌系统中的颜色。它会提取每一个颜色值，并逐一判断：该颜色是否在调色板中、是否被令牌引用，或是否为孤立颜色。对于孤立颜色，它会报告其最接近的调色板色阶以及建议使用的令牌，帮助团队统一颜色使用、减少硬编码颜色。
m-color-fix
m-color-fix 是一个用于修复“孤立颜色”的技能：它会为每个孤立颜色寻找最接近的调色板色阶，映射到合适的语义化 token，并把原始颜色值替换为 var(--token)。执行过程中会展示替换前后的对比，并要求用户确认后再进行修改。
m-contrast
m-contrast 是一个 WCAG 对比度矩阵检查工具，用于将每一个文本 token 与每一个表面（surface）token 进行配对测试。根据提供的资料，其检查规则为：text 在 surface 上必须通过 AA 标准（4.5:1）；text-secondary 在 surface 上对大字必须通过 AA（3:1）；accent 在 surface 上对照 UI 必须通过 AA（3:1）。报告会给出通过/未通过结果、对应比值以及最接近的合规替代方案。资料未提供安装方式、命令、平台或价格等信息。
m-dark
m-dark 是一个用于从现有配色方案生成深色模式的技能。它强调并非简单地将颜色反转，而是进行正确的表面（surface）重映射。该技能会重新映射设计令牌：将浅色表面映射为深色表面（使用调色板的 950 色阶），将深色文字映射为浅色文字（使用调色板的 50 色阶）；强调色可能向更亮方向偏移 1-2 个色阶以保证对比度；同时降低阴影强度，并改用表面颜色变化来替代阴影。最终输出为 @media (prefers-color-scheme: dark) 代码块。