Skills

S

syncfusion-winforms-splash-panel

syncfusion / winforms-ui-components-skills

实现 Syncfusion SplashPanel 控件，用于在 Windows Forms 应用程序中创建可自定义的启动屏幕和通知弹窗。在显示应用程序启动屏幕、加载指示器或非侵入式通知弹窗时使用。涵盖启动屏幕配置、动画（滑动、淡入淡出、跑马灯）、桌面对齐、子控件、自动关闭计时器、背景渐变/图像，以及用于打造专业启动体验的 splash 事件。

S

syncfusion-winforms-statusstrip

syncfusion / winforms-ui-components-skills

实现 Syncfusion StatusStripEx 控件，用于在 Windows Forms 应用程序中创建专业的状态栏。在创建带进度条、状态标签、按钮和尺寸调整手柄的应用程序状态指示器时使用。涵盖 StatusControl 项（右对齐）、Notification 项（左对齐）、ProgressBar 集成、Office2007 配色方案（Silver/Blue/Black）、Office2016 主题、自定义托管颜色，以及用于底部停靠状态面板的尺寸调整手柄自定义。

S

syncfusion-winforms-tab-splitter-container

syncfusion / winforms-ui-components-skills

实现 Syncfusion TabSplitterContainer 控件，用于在 Windows Forms 中创建带选项卡面板的分割视图布局。在构建 Visual Studio 风格的拆分视图、具有设计/预览模式的文档编辑器或多窗格应用程序时使用。涵盖主/次页面集合、交换按钮功能、折叠/展开窗格、水平/垂直方向、可调节的分割条位置，以及用于专业多视图界面的 Office2016 主题。

S

syncfusion-winforms-tile-layout

syncfusion / winforms-ui-components-skills

在 Windows Forms 应用程序中实现 Syncfusion TileLayout 控件的指南。在创建 Windows 8 Metro 风格磁贴界面、分组磁贴容器、使用 ImageStreamer 的旋转图像/文本动态磁贴、拖放重新排序，或具有可自定义定位和外观的仪表板式布局时使用。

S

syncfusion-winforms-tree-navigator

syncfusion / winforms-ui-components-skills

为 Windows Forms 实现并配置 Syncfusion TreeNavigator 控件——一种独特的导航界面，可在不占用额外空间的情况下就地展开树结构。当您需要具有面包屑模式、向下钻取功能或节省空间的可折叠导航菜单的分层导航时使用。涵盖就地树展开、后退按钮导航、可展开菜单项、文件资源管理器风格导航，以及用可折叠替代方案替换标准 TreeView。

S

syncfusion-winforms-xptoolbar

syncfusion / winforms-ui-components-skills

在 Windows Forms 应用程序中实现并配置 Syncfusion XPToolBar 控件，以创建专业的 Visual Studio 风格工具栏。当需要可自定义的工具栏布局、各种项目类型（BarItem、ParentBarItem、DropDownBarItem、ComboBoxBarItem）、可停靠位置、折叠溢出按钮和 Office 主题时使用。涵盖工具栏结构、栏项目管理、停靠位置、使用 Office2007/2016 主题自定义外观以及 RTL 支持，用于创建功能丰富的应用程序工具栏和菜单栏。

T

theming-system

infrasity-labs / dev-gtm-claude-skills

设计主题架构，通过 token 映射支持品牌变体、深色模式和高对比度模式。

T

timeline

rheinmir / setup

面向 changelog/历史/路线图/写作归档页面的纵向时间线组件（按日期排列的里程碑、通过 IntersectionObserver 滚动渐显、在 768px 处自动从移动端布局切换到桌面端布局）。当用户说 "làm timeline"、"dòng thời gian"、"lịch sử phiên bản dạng timeline"、"changelog timeline"、"roadmap timeline" 或 /timeline 时调用。与 /diagram（流程/架构图）不同——这是单一轴线上按时间排列的里程碑列表，而非多节点关系图。

T

timing-feedback

dragoon0x / taste-skills

响应时机、确认反馈，以及让界面显得有生命力。每个操作都应有合适速度的响应。在设计交互、评估响应性或诊断某个产品为何显得迟钝或死气沉沉时使用。

T

type-as-signal

dragoon0x / taste-skills

仅从字体排印决策读懂一位设计师的品味。字体排印是任何设计中最快的品味信号。在评估设计成熟度、衡量作品集质量，或理解字体排印揭示了怎样的设计思维时使用。

T

typography-scale

infrasity-labs / dev-gtm-claude-skills

创建具有字号、字重和行高关系的模块化字体比例。

U

uview-vue2

partme-ai / full-stack-skills

为 uView Vue 2 组件库提供全面指导，包括组件、工具和布局。当用户询问 Vue 2 的 uView、需要用 uView 构建 Vue 2 应用，或使用 uView 组件时使用。

V

vben-admin

m19803261706 / springboot-vben-admin

Vben Admin 5.x 前端开发规范。当创建页面、组件、API 接口或前端功能时自动使用。

V

version-archaeology

dragoon0x / taste-skills

借助存档版本研究产品如何随时间演进。在多次改版中留存下来的决策，就是品味层面的决策。在理解某个设计中什么是本质、什么是装饰，或从产品演进中学习时使用。

V

version-control-strategy

infrasity-labs / dev-gtm-claude-skills

为设计文件、组件和库定义版本控制策略。

V

voltra

callstackincubator / voltra

使用 Voltra JSX、Voltra JS API、Expo 配置插件和 Voltra CLI 来构建、审查、重构、配置或调试 Voltra 代码。适用于用户询问图表、实时活动、灵动岛 UI、iOS 小组件、定时小组件、Android 小组件、常驻通知、图像处理、app.json 插件配置、React Native CLI 设置或 Voltra 推送更新流程时。

V

von-restorff-effect

infrasity-labs / dev-gtm-claude-skills

运用冯·雷斯托夫效应，让最重要的元素与周围环境明显区分开来。

W

web-design-guidelines

connorads / dotfiles

检查 UI 代码是否符合 Web 界面指南。当被要求「审查我的 UI」、「检查可访问性」、「审计设计」、「审查用户体验」或「根据最佳实践检查我的网站」时使用。

W

web-design-guidelines

julianromli / ai-skills

检查 UI 代码是否符合 Web 界面指南。当被要求「审查我的 UI」、「检查可访问性」、「审计设计」、「审查用户体验」或「根据最佳实践检查我的网站」时使用。

W

webflow-code-components

224-industries / webflow-skills

通过 DevLink 构建、定义 React 代码组件并导入 Webflow。适用于创建 Webflow 代码组件、配置 declareComponent 定义、处理 prop 类型、在 Shadow DOM 中设置样式、使用 Webpack 打包，或排查 DevLink 导入问题。

W

wiki-vitepress

sickn33 / agentic-awesome-skills

将生成的 wiki Markdown 文件转换为精美的 VitePress 静态站点，带深色主题和可交互的 Mermaid 图表。适用于用户要求“构建站点”或“打包为 VitePress”、用户运行 /deep-wiki，或用户希望从生成的 wiki 页面得到可浏览的 HTML 输出时。

W

written-critique

dragoon0x / taste-skills

撰写一份结构化设计评审，让他人无需追问即可据此行动。适用于提供异步设计反馈、撰写作品集案例研究，或记录设计决策时。

3

3d-camera-interaction

project-n-e-k-o / n.e.k.o

Three.js 中处理 3D 模型拖拽、缩放、边界检测的正确方法。解决鼠标移动与模型移动不同步、缩放后只能看到模型一部分等问题。

A

accessibility-test-plan

infrasity-labs / dev-gtm-claude-skills

创建涵盖辅助技术和 WCAG 标准的无障碍测试计划。

A

alt-text-design

owl-listener / inclusive-design-skills

为图片、图表、示意图和视觉内容撰写有意义的替代文本。适用于创建或审阅替代文本、图片描述、图表摘要，或任何需要文本等效内容的视觉内容。触发词：alt text、图片描述、alternative text、屏幕阅读器、装饰性图片、图表描述、信息图、数据可视化、复杂图片、有意义的替代文本。

A

assistive-technology-scenarios

owl-listener / inclusive-design-skills

撰写包含辅助技术和多样化交互方式的使用场景。适用于撰写场景、用例、用户旅程或故事板。触发词：辅助技术、AT、屏幕阅读器、开关、语音控制、放大器、盲文显示器、头控指针、眼动追踪、人们如何使用我们的产品、使用场景、用例。

A

audience-translation

dragoon0x / taste-skills

向设计师、开发者和非技术相关方解释同一个设计观察。同一洞察，三种语言。适用于跨职能协作或向混合受众展示设计决策时。

B

better-interface

boraoztunc / skills

跨学科界面审查：将某个屏幕、流程、功能或产品界面路由到每个 `better-*` 领域技能，并汇总为一个排序后的结论。当被要求进行整体审查而非单一领域审查，以及当 `interface-review` 将某项变更移交路由时使用。触发词包括 better-interface、整体界面审查、审查整个屏幕。

C

canva-automation

composiohq / awesome-claude-skills

通过 Rube MCP (Composio) 自动化 Canva 任务：设计、导出、文件夹、品牌模板和自动填充。务必先搜索工具，以获取当前 schema。

C

card-sort-analysis

infrasity-labs / dev-gtm-claude-skills

分析卡片分类结果，为信息架构和导航结构提供依据。在开展开放式或封闭式卡片分类研究之后使用。

C

cognitive-fallacies-guard

lyndonkl / claude

检测并防止可视化、仪表盘、报告和演示文稿中的视觉误导、认知偏差和数据完整性违规。审计图表的真实性，诊断误读原因，并提供具体修复方案。当用户提到 chartjunk、误导性图表、截断坐标轴、数据完整性、视觉欺骗、3D 图表问题、数据挑选，或需要审计可视化的准确性时调用。如需一般设计评估，请使用 `design-evaluation-audit`。如需认知基础，请使用 `cognitive-design`。

C

colour-independence

owl-listener / inclusive-design-skills

设计从不以颜色作为唯一信息传达方式的界面。适用于设计状态指示器、数据可视化、表单校验、警报、地图，或任何用颜色传达含义的内容。触发词：色盲、color blind、仅用颜色、colour alone、色觉、color vision、红绿、绿色盲、红色盲、蓝色盲、颜色编码、状态颜色、图表颜色、无障碍颜色。

C

consumption-discipline

dragoon0x / taste-skills

通过持续、有意识的摄入构建品味的结构化接触习惯。不是被动刷屏。主动吸收设计、建筑、电影、音乐、美食与文化。适用于构建品味练习、为职业发展提供建议，或诊断某人为何设计视野狭窄时。

C

critique-color

infrasity-labs / dev-gtm-claude-skills

评估界面的色彩运用——对比度、调色板一致性、语义含义和色彩无障碍性。

C

critique-information-density

infrasity-labs / dev-gtm-claude-skills

评估界面的信息密度——认知负荷、内容优先级、扫视模式和渐进式披露。

C

critique-typography

infrasity-labs / dev-gtm-claude-skills

评估界面的排版——字号层级、可读性、一致性和 token 合规性。

C

customer-journey-mapper

timlai666 / skills

此技能必须用于根据客户画像和产品或服务创建或更新客户旅程地图，CJM、顧客旅程地圖、接觸點旅程表，包括 handoff_to_customer_journey_mapper 块。当需要向 CJM 添加情緒分數、情緒曲線、加減分原因或迷你趋势线时，也应使用此技能。绝不可用于仅涉及 persona 的工作、旅程准备简报、仅含 KPI 的仪表板或后台服务蓝图。

C

customer-persona-framer

timlai666 / skills

此技能必须用于根据调研、受众线索、产品或服务或使用场景来创建、评审或更新 persona、人物誌、顧客輪廓、使用者輪廓或目标客户画像。当客户理解需要一份关于需求、行为、决策因素和约束的一致画像时，也应使用此技能。仅在明确要求时才包含旅程准备工作。对于仅涉及 persona 的请求，绝不可添加旅程地图、阶段规划或交接产物。

C

cyber-ppt

crazyykhllc-bit / cyberppt

当用户需要把 DOCX、PDF、TXT、XLSX、研究报告、业务材料或原始数据转成高密度、可编辑、咨询风格 PPTX 时使用；也适用于需要 SCR 论证、视觉风格探索、详细图表和渲染质检的 PPT。

D

design-compliance

dedalus-erp-pas / foundation-skills

Hexagone 设计系统（PrimeVue 4 + Tailwind CSS 4 + Hexagone tokens）合规性的自动审计。分析页面或组件的源代码与渲染后的 UI，检测违规，自动修复并生成报告 —— 全程无需用户干预。当用户想要审计某个页面或组件的设计系统合规性、修复 PrimeVue/Tailwind/Hexagone tokens 的偏差，或提到「design compliance」/「conformité design」时使用。

D

design-guide

mosif16 / codex-skills

确保在 SwiftUI、Android 和 Web 平台上实现现代、专业的 UI 设计。适用于构建任何用户界面组件，包括按钮、表单、卡片、布局、导航或完整页面。强制要求简洁极简的设计、带一个强调色的中性色调色板、8px 网格间距系统、正确的排版层级，以及清晰的交互状态。在创建或修改 UI 元素前始终参考本 skill。

D

design-negotiation

infrasity-labs / dev-gtm-claude-skills

借助证据和共同目标，与跨职能伙伴和领导层为设计质量、范围和进度进行争取。

D

design-rationale

infrasity-labs / dev-gtm-claude-skills

撰写清晰的设计理由，将决策与用户需求、业务目标和原则联系起来。

D

design-system-governance

infrasity-labs / dev-gtm-claude-skills

定义设计系统如何演进——贡献模型、版本管理、变更管理和弃用。

D

design-token

infrasity-labs / dev-gtm-claude-skills

定义并组织 design token（颜色、间距、排版、高度），配以命名约定和使用指导。

D

design-token-audit

infrasity-labs / dev-gtm-claude-skills

审计产品中的 design token 使用情况，以评估一致性和覆盖率。

D

design-ui

mblode / agent-skills

为 Web UI 提供设计方向与视觉系统。为产品（SaaS/admin/数据密集型）或营销/品牌体验定义布局、排版、色彩与整体美学。适用于选择视觉方向、挑选配色与字体、建立布局模式或启动新的 UI 设计系统时。

D

diary-study-plan

infrasity-labs / dev-gtm-claude-skills

设计一份日记研究计划，包含提示词、时长、参与者标准和分析框架。当需要在自然情境中理解用户长期行为时使用。

D

disability-inclusive-personas

owl-listener / inclusive-design-skills

创建将残障作为人类多样性自然维度的用户画像——而不是单独的一类“无障碍画像”。适用于创建画像、用户档案、原型画像，或对目标用户的任何呈现。触发词：画像、用户画像、原型画像、用户档案、目标用户、用户是谁、残障画像、无障碍画像、包容性画像。

创建 draw.io 图表的指南与最佳实践，涵盖正确的格式、字体处理和布局规则。适用于创建或编辑 .drawio 文件、生成架构图或处理 draw.io XML 格式。确保输出高质量的 PNG，日语文本渲染正确且外观专业。

E

engram-dashboard-htmx

gentleman-programming / engram

Engram 仪表盘的 HTMX 与 templ 交互规则。触发条件：对 htmx 属性、局部更新、表单或服务端渲染浏览器 UI 的任何改动。

E

executive-dashboard

dengineproblem / agents-monorepo

高管仪表盘专家。用于 KPI 可视化、商业智能和报表。

暂无简介

F

find-animation-opportunities

60fps-design / plugin

找出 iOS 应用 UI 中确实适合加入动效的位置、应该保持静止的部分，以及已有动效中不正常或过度的部分；并为每项建议推荐可借鉴的真实已发布交互。用户询问应用哪些地方应加入动画、如何让应用更生动或精致、要求审计或审查动效或触觉反馈，或询问应添加哪些微交互时使用。读取 SwiftUI 和 UIKit 代码。仅适用于 iOS。

F

fitts-law

infrasity-labs / dev-gtm-claude-skills

应用 Fitts 定律来设定交互目标的大小和位置，以实现快速、准确的交互。

G

generate-icon

b-open-io / gemskills

当用户要求 "generate an icon"、"create a favicon"、"make an app icon"、"create iOS icon"、"create Android icon"、"generate PWA icons"、"make desktop app icon"、"create Windows icon"、"create macOS icon"、"app store icon"、"Play Store icon"、"App Store icon"，或需要具备各平台特定尺寸的 AI 生成图标时，应使用此技能。

G

gesture-patterns

infrasity-labs / dev-gtm-claude-skills

为触控和指针设备设计基于手势的交互。

G

good-services-service-design

tristanmanchester / agent-skills

使用 Lou Downe 的 Good Services 原则、旅程图、运营蓝图和证据关联的改进工作来审计或改进端到端服务。适用于跨数字、人工和线下渠道的服务结果，而非纯粹的视觉样式或没有服务设计问题的狭隘代码缺陷。

G

grove-ui-design

autumnsgrove / lattice

为 Grove 创建温暖、自然主题的 UI，采用玻璃拟态、季节装饰、随机化森林和可访问性设计模式。在构建页面、增强 UI 或添加装饰元素时使用。

H

hugo-theme

magnus919 / agent-skills

构建、定制和调试高级 Hugo CMS 主题——模板架构、资源管线（CSS/JS/图片处理）、shortcode 与 render hooks、page bundle、封面图、Hugo Modules、性能、SEO 和 CI/CD。在处理 Hugo 主题或站点模板层时使用。不要将该技能用于无关请求；请路由到最接近的具名专家。