Skills

S

seamless-pattern-generation

eachlabs / skills

使用 each::sense AI 生成无缝、可平铺的图案。为纺织品、墙纸、礼品包装、数字背景和表面设计创建可完美拼接且无可见接缝的重复图案。

S

shader-effects

bbeierle12 / skill-mcp-claude

视觉着色器效果——辉光/泛光、色差、失真、暗角、胶片颗粒、扫描线、故障效果、溶解、轮廓和菲涅耳效果。在为着色器添加视觉润色、后期处理效果或风格化渲染时使用。

S

syncfusion-maui-datagrid

syncfusion / maui-ui-components-skills

实现并自定义用于显示表格数据的 Syncfusion .NET MAUI DataGrid（SfDataGrid）。适用于使用 MAUI 数据网格、SfDataGrid、表格数据显示、网格数据绑定或列配置。涵盖单元格编辑、排序、筛选、分组、分页、导出到 Excel/PDF、行操作、选择和汇总。

S

syncfusion-maui-date-picker

syncfusion / maui-ui-components-skills

实现用于日期选择的 Syncfusion .NET MAUI DatePicker（SfDatePicker）控件。适用于实现日期选择器、添加日期选择 UI 或使用 SfDatePicker 控件。涵盖日期选择器外观自定义（标题、页脚、列）、日期格式（20 多种预设格式）、日期限制（最小/最大日期、禁用日期）和选择器模式（Dialog、RelativeDialog）。

S

syncfusion-maui-popup

syncfusion / maui-ui-components-skills

实现 Syncfusion® .NET MAUI Popup（SfPopup）控件，用于显示警告消息、自定义视图和模态对话框。在 .NET MAUI 应用中处理弹出窗口、覆盖层、对话框、模态窗口、警告框或确认对话框时使用。涵盖定位（居中、绝对定位、相对视图定位）、布局自定义（页眉、页脚、内容模板）、动画和模态行为

A

apply-design-system

edenspiekermann / skills

审查现有设计，并将其与设计系统组件关联。

B

better-ui

blockmatic / basilic-skills

润饰并改进项目中的 UI。涵盖同心圆角、视觉对齐、表面层次、情境图标、点击区域等。

B

better-ui

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

C

card-news-generator-v2

bear2u / my-skills

自动创建 600x600 的 Instagram 风格系列卡片新闻，可选添加背景图片。用户提供主题、颜色和可选图片，Claude 会生成内容并创建多张卡片，妥善处理文字换行

F

figma-automation

sickn33 / agentic-awesome-skills

通过 Rube MCP（Composio）自动执行 Figma 任务：文件、组件、设计令牌、评论和导出。请始终先搜索工具以获取当前架构。

G

generate-mcp-app-ui

microsoft / power-platform-skills

为 MCP 工具生成单文件 MCP App 小组件，可使用打包的运行时代码或经用户批准的公共 CDN 导入。描述视觉效果，并提供普通结构化载荷，或包含 content、structuredContent 和 meta 的完整工具结果。

R

rn-motion-replica

pluviobyte / rnskill

分析公开或本地参考视频，截取时间范围，拆解其布局、运动、时序和转场，然后构建原创且经过验证的动效复刻，包含可复用模板和最终 MP4 质检。用户说“复刻这个视频效果”“参考这个视频做同款动效”“拆解前 N 秒”“还原方框/连线/卡片动画”，或提供视频或 URL 作为动效参考（而非要求复制其画面或脚本）时使用。

S

slidev-click-animations

yoanbernabeu / slidev-skills

掌握 Slidev 中的 v-click 和顺序动画。使用此技能逐步显示内容并制作引人入胜的演示文稿。

S

syncfusion-maui-ai-assistview

syncfusion / maui-ui-components-skills

实现 Syncfusion® .NET MAUI AI AssistView (SfAIAssistView)，用于构建 AI 驱动的交互式聊天界面。适用于 AI 聊天界面、AI AssistView、SfAIAssistView、对话式 UI 或 AI 响应聊天。涵盖集成 AI 服务、创建聊天 UI、实现对话流程、管理 AI 请求/响应以及显示 AI 建议

S

syncfusion-maui-chips

syncfusion / maui-ui-components-skills

实现 Syncfusion .NET MAUI Chips（SfChip 或 SfChipGroup）。适用于在 .NET MAUI 应用中使用 chips、标签、标签控件、选择 chips、输入 chips 或筛选 chips。涵盖 chip 类型、自定义、事件、选择、分组、移除、带关闭按钮的 chip，以及 chip 数据绑定。

U

user-interview

assimovt / productskills

准备并开展旨在探求事实而非寻求验证的用户访谈。用户要求创建访谈指南、准备用户访谈、规划客户探索或与用户交流时使用。基于 The Mom Test 和 YC's Five Questions 框架，适用于初创企业客户开发。

V

video-storytelling

nateherkai / herk-edit-kit

将长视频口播内容的视觉层设计和构建为一个摄影机穿行其中的持续世界，而非一系列彼此分离的图形。当被要求编辑视频、添加动态图形、为脚本设计视觉、规划剪辑，或修复被判定为令人困惑、文字过多、难以跟上或“明显是 AI 做的”剪辑时使用。涵盖持续世界、镜头语法、聚光灯规则、空间开放循环、装饰与符号纪律、转录时序以及验证关卡。

W

Wireframe Creator

jmsktm / claude-settings

创建低保真线框图，以便快速制作原型

A

animate

blockmatic / basilic-skills

从头构建动画，按影响动画观感的顺序做出决策——是否需要动画、动画的目的、使用哪种工具、选择哪些属性、曲线和时长、如何中断以及如何退出。编写实现代码。适用于用户要求为某个元素添加动画或动效、让组件更有活力，或构建过渡效果。评审现有动效请使用 review-animations；审查整个代码库请使用 improve-animations。

A

animate

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

A

animate-expo

blockmatic / basilic-skills

在 React Native 和 Expo 中构建动画，并按影响动画效果的顺序做出决策：是否应该动画化、在哪个线程运行、使用哪些属性、选择弹簧还是定时、手势如何交接，以及动画如何降级。使用 Reanimated、Gesture Handler、Expo Router 和 expo-haptics 编写实现。适用于在 Expo 应用中为任何内容添加动画、添加手势、底部面板、屏幕过渡、按压反馈或触觉反馈，或修复设备上卡顿的动画。Web 动画请使用 `animate`。

A

animate-expo

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

A

animation-vocabulary

blockmatic / basilic-skills

反向查找词汇表，可将对网页动画或动效的模糊描述转换为准确术语（“弹出框打开时那个弹跳效果”→ Pop in；“iOS 的橡皮筋滚动”→ Rubber-banding）。用户询问“……叫什么”，或描述某种动效但不知道名称、想找到合适术语以便提示 AI 或设计师时使用。用于为效果命名，而非设计或构建效果。

A

animation-vocabulary

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

A

apple-design

blockmatic / basilic-skills

将 Apple 的界面设计和流畅、富有物理感的动效理念转化为适用于 Web 的方法。构建或评审手势驱动的 UI、弹簧动画、拖动／滑动／面板交互、惯性和可中断过渡、半透明材质与景深、排版（光学字号、字距、行距）、减少动态效果，或 Apple 风格界面的设计基础（反馈、空间一致性、克制）时使用。

A

apple-design

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

A

ask-sonner

blockmatic / basilic-skills

Sonner（React toast 库）指南——安装并接入 Toaster、选择合适的 toast() 调用、处理 promise 和加载提示、更新、关闭和持久化提示，以及样式、主题、图标、定位和多个 Toaster。使用 Sonner 或排查相关问题时使用，例如提示不显示、重复显示、样式丢失、忽略 Tailwind 类、被模态框遮挡，或不遵循深色模式。

A

ask-sonner

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

A

axiom-ios-ui

charleswiltgen / axiom

用于构建、修复或改进任何 iOS UI，包括 SwiftUI、UIKit、布局、导航、动画和设计指南。涵盖视图更新、布局错误、导航问题、性能、架构以及对 Apple 设计规范的遵循。

暂无简介

E

emil-design-eng

blockmatic / basilic-skills

此技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策和使软件感觉出色的隐形细节的哲学。

E

emil-design-eng

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

E

emilkowal-animations

blockmatic / basilic-skills

Emil Kowalski 关于 Web 界面动画的最佳实践。编写、审查或实现 React、CSS 或 Framer Motion 动画时使用。涉及过渡、缓动、手势、提示消息、抽屉或动效的任务会触发此技能。

E

emilkowal-animations

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

F

floor-plan

markdown-viewer / skills

使用 drawio XML 格式和建筑标准符号创建建筑平面图和室内布局。适用于办公室布局、住宅平面图、疏散图和座位安排。基于 drawio 构建，包含专用的平面图模板。不要用于简单图表（使用 mermaid）或 UI 线框图（使用 wireframe skill）。

P

planning-user-interviews

posthog / skills

在 PostHog 中规划用户访谈主题——选择目标对象（群组、电子邮件或 PostHog distinct IDs），拟定访谈问题，并准备语音 Agent 上下文和问题列表。当用户提出“与用户交谈”“了解用户对 X 的感受”“采访一些客户”“安排用户访谈”“开展用户研究访谈”“寻找用户询问 Y”，或以其他方式希望通过对话获取定性反馈时使用。引导用户选择目标（cohorts-list、persons-list，或直接提供电子邮件 / distinct IDs），记录主题，并在调用 user-interview-topics-create 前收集 Agent 上下文和问题。创建时会将群组目标解析为明确的电子邮件 / distinct_ids；主题会保存其受众快照，之后不会重新评估群组成员资格。用户上传已录制的访谈音频文件时（该场景使用单独的 UserInterview/transcript 流程），或仅通过 user-interview-topics-list 浏览现有主题时，不要触发。

R

react-virtuoso

virtuoso-dev / skills

使用 react-virtuoso 构建虚拟化列表、网格和表格。适用于：（1）渲染大型或无限列表；（2）构建带粘性标题的分组列表；（3）虚拟化 HTML 表格；（4）在响应式网格中排列相同尺寸的项目；（5）构建在底部跟随新项目的动态流或日志；（6）诊断虚拟化问题，例如滚动跳动、列表无法滚动到底部、项目重叠、空白项目或“zero-sized element”错误；（7）任何涉及 Virtuoso、GroupedVirtuoso、VirtuosoGrid、TableVirtuoso、VirtuosoHandle、itemContent、followOutput 或 firstItemIndex 的任务。

S

slidev-code-blocks

yoanbernabeu / slidev-skills

使用 Shiki 语法高亮创建美观的代码块。此技能适用于代码片段、行高亮和代码组。

S

sounds-on-the-web

raphaelsalaja / skills

审查 UI 代码中的音频反馈最佳实践。适用于审查声音实现、检查音频 UX 决策或进行无障碍审计。输出格式为 file:line。

S

syncfusion-maui-tab-view

syncfusion / maui-ui-components-skills

为选项卡导航界面和选项卡式内容布局实现 Syncfusion .NET MAUI Tab View（SfTabView）控件。在 .NET MAUI 应用中处理选项卡控件、选项卡导航、嵌套选项卡或可滑动内容时使用。此技能涵盖选项卡栏自定义、选项卡项配置、滑动手势、事件及视觉自定义，包括指示器和 Liquid Glass 效果。

S

syncfusion-maui-text-input-layout

syncfusion / maui-ui-components-skills

实现 Syncfusion .NET MAUI Text Input Layout (SfTextInputLayout)。为 Entry、Editor、Autocomplete 或 ComboBox 控件添加浮动标签、图标、辅助标签或容器时使用。涵盖文本输入布局设置、提示标签、辅助文本、错误消息、字符计数器和密码可见性切换。

A

axiom-swiftui-animation-ref

charleswiltgen / axiom

涵盖 iOS 13 至 iOS 26 的全面动画参考。用于实现 SwiftUI 动画、理解 VectorArithmetic、使用 @Animatable 宏、缩放转场、UIKit/AppKit 动画桥接、选择弹簧或时间曲线动画，或调试动画行为

B

baoyu-infographic

guanyang / open-agent-hub

生成具有 21 种版式和 22 种视觉风格的专业信息图。分析内容、推荐版式×风格组合，并生成可供发布的信息图。用户要求创建“infographic”“信息图”“visual summary”“可视化”或“高密度信息大图”时使用。

C

cesiumjs-custom-shader

cesiumgs / cesiumjs-skills

编写 CustomShader——针对 VertexInput、FragmentInput、FeatureIds、Metadata、czm_modelMaterial 编写 vertexShaderText 和 fragmentShaderText。适用于读取 EXT_mesh_features 或 EXT_structural_metadata 属性纹理／表、顶点位移或 VoxelPrimitive 着色

C

cinematic-scroll

mustbesimo / web-design-studio

设计并构建电影感网站、交互式作品集、产品故事和实时 3D 体验，提供针对主题的艺术指导和滚动编排。适用于全新构建、重新设计、动效改进、滚动体验审查，或在独立 HTML 和现有应用中制作故事板；包含响应式、减少动态效果和静态回退方案。不适用于普通仪表板或无关动画。

C

cli-anything-eez-studio

hkuds / cli-anything

通过命令行使用 EEZ Studio，检查和修改原生 .eez-project 文件、编辑 LVGL 屏幕/控件、管理 SCPI 命令，并调用真正的 EEZ Studio 后端进行 LVGL 构建。

F

find-animation-opportunities

blockmatic / basilic-skills

搜索代码库或 UI 中应有动画却没有动画的部分，并排除不适合添加动画的内容。只读；提出带具体数值的动态效果方案，不负责实现。用户询问“这里可以给什么添加动画？”或希望“让它更有活力”时使用。要修复现有动画，请改用 improve-animations 或 review-animations。

F

find-animation-opportunities

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

F

frontend-design

blockmatic / basilic-skills

为构建新 UI 或重塑现有 UI 提供指导，实现独特、有意图的视觉设计。帮助确定美学方向、排版，以及做出不显得像模板默认值的选择。

F

frontend-design

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

I

improve-animations

blockmatic / basilic-skills

以资深动态设计顾问的视角审查代码库中的动画和动态效果代码，然后生成按优先级排序的审查结果，以及可供其他 Agent（或成本更低的模型）执行的独立实施方案。只读源代码——负责规划改进，不会实际应用。用户要求“改进动画”“审查动态效果”“让这个应用感觉更好”，或需要动画修复路线图而非单个差异审查时使用。

I

improve-animations

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

M

mbb-decks

floflo11 / mbb-decks

用于生成咨询级幻灯片、MBB 风格演示文稿、McKinsey/Bain/BCG 格式幻灯片、董事会预读材料、高管汇报、建议方案演示文稿、市场进入演示文稿、尽职调查演示文稿，或任何需要行动导向标题叙事、金字塔原理结构、MECE 要点和简洁编辑式视觉系统，并渲染为实际 .pptx 文件的商业演示文稿。

P

pick-ui-library

blockmatic / basilic-skills

从经过筛选且带有明确偏好的列表中，为特定前端任务挑选合适的库，涵盖数字、OTP 输入框、图表、命令菜单、虚拟化、拖放、Toast、状态、样式等。仅在显式调用时运行；不会自行触发。

P

pick-ui-library

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

P

prototype

blockmatic / basilic-skills

为你描述的 UI 组件构建多个真正不同的版本，并通过可视化选择器展示，让你实时切换并选定最合适的版本。仅在显式调用时运行；不会自行触发。

P

prototype

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

R

review-animations

blockmatic / basilic-skills

依据 Emil Kowalski 的设计工程理念所确立的高标准，评审动画和动效代码。默认指出问题；只有达到要求才予以认可。

R

review-animations

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

S

shopify-polaris-web-components

tamiror6 / shopify-app-skills

在 App Home UI 中使用 Shopify Polaris Web Components（s-* 自定义元素）。构建 App Home 界面（非嵌入式应用），或使用 s-page、s-section、s-stack、s-box、s-button 等 s-* 组件设计 UI 时使用。不要使用 @shopify/polaris React——App Home 要求使用 Web Components