Skill 资源库

AI Skill 资源库

把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。

personjakexiao无需 Key

figma-automation

通过Rube MCP(Composio)自动化Figma任务:文件、组件、设计令牌、评论、导出。始终先搜索工具以获取当前模式。

download12deployed_codestar19
personjakexiao无需 Key

mjml-email-templates

使用MJML标记语言构建响应式电子邮件模板。编译成适用于Outlook、Gmail和Apple Mail等客户端的HTML。包括模板渲染器、布局模式和变量替换。

download12deployed_codestar635
personjakexiao无需 Key

ui-orchestrator

UI/UX技能调度器,根据项目需求路由到专门的外部技能。在进行UI开发、设计系统或前端任务时使用。触发关键词包括“UI”、“界面”、“前端”、“组件”、“animation”、“动画”、“layout”、“布局”、“SwiftUI”。

download12deployed_codestar0
personjakexiao无需 Key

"macos-patterns"

macOS平台模式:窗口管理、菜单栏、键盘快捷键、设置、拖放、应用程序沙箱。在构建macOS特定功能、处理桌面输入或实现Mac应用程序模式时使用。触发词:macOS、Mac、桌面、菜单栏、键盘快捷键、设置场景、窗口管理。

download12deployed_codestar1
personjakexiao无需 Key

"keyboard-shortcuts"

macOS键盘快捷键模式:keyboardShortcut修饰符,CommandMenu,CommandGroup,菜单栏自定义。在实现macOS键盘快捷键、菜单栏命令或热键时使用。触发词:键盘,快捷键,CommandMenu,CommandGroup,菜单栏,热键。

download12deployed_codestar1
personjakexiao无需 Key

"color-contrast"

颜色对比度和可访问性:WCAG比率、语义颜色、深色模式配对、图像上的文本、不透明度规则。在选择颜色、确保文本可读性或验证可访问性的对比度比率时使用。触发词:对比度、WCAG、前景色、背景、不透明度、语义颜色、深色模式颜色。

download12deployed_codestar1
personjakexiao无需 Key

"typography"

排版规则:系统文本样式、动态类型、字体粗细、文本层次结构、行间距。在实现与排版相关的UI模式时使用。

download12deployed_codestar1
personjakexiao无需 Key

"view-complexity"

视图复杂性管理:30行主体规则,计算属性提取,子视图分解,防止类型检查超时。当视图主体变得很长、重构大型视图或遇到Swift类型检查器超时时使用。触发条件:主体过长、重构视图、提取子视图、类型检查超时、视图过于复杂。

download12deployed_codestar1
personjakexiao无需 Key

kpi-dashboard-design

设计有效的KPI仪表板,包括指标选择、可视化最佳实践和实时监控模式。在构建业务仪表板、选择指标或设计数据时使用...

download12deployed_codestar19
personjakexiao无需 Key

convex-realtime

在Convex中实现实时订阅和乐观更新。当实现实时数据更新、乐观用户界面、带实时功能的分页、在线状态指示器、输入指示器或任何需要即时数据同步的功能时使用。

download12deployed_codestar0
personjakexiao无需 Key

"components"

可重用的UI组件模式:按钮、卡片、输入框、加载状态、徽章、切换开关、选择器、空状态。在创建任何交互式UI元素、构建可重用视图或组合组件层次结构时使用。触发词:Button, TextField, Toggle, Picker, ProgressView, Label, 徽章, 卡片, 空状态。

download12deployed_codestar1
personjakexiao无需 Key

"safari-extension"

Safari Web 扩展:SFSafariExtensionHandler,内容脚本,网页资源,原生-网页消息传递。在构建 Safari 浏览器扩展、向网页注入内容脚本或在原生应用与 Safari 之间通信时使用。触发条件:Safari 扩展,SFSafariExtensionHandler,内容脚本,浏览器扩展。

download12deployed_codestar1
personjakexiao无需 Key

"website-links"

外部链接和应用内浏览:链接组件、openURL环境、SFSafariViewController、URL处理。在打开URL、添加网页链接或嵌入应用内浏览器时使用。触发词:Link, openURL, SFSafariViewController, URL, website, browser.

download12deployed_codestar1
personjakexiao无需 Key

"adaptive-layout"

适用于iPad和通用应用程序的自适应布局:NavigationSplitView、尺寸类别、horizontalSizeClass、展示方式、遵循HIG规范。在构建针对iPad优化的布局、支持多种屏幕尺寸或使iPhone+iPad界面适应时使用。触发词:iPad、通用、NavigationSplitView、horizontalSizeClass、尺寸类别、自适应。

download12deployed_codestar1
personjakexiao无需 Key

"view-composition"

视图组合:@ViewBuilder属性,部分提取,将主体作为目录,命名约定。在实现与视图组合相关的UI模式时使用。

download12deployed_codestar1
personjakexiao无需 Key

ux-specification

将产品需求文档(PRD)转化为详细的用户体验规范,包括用户流程、屏幕描述、组件和交互模式。当用户拥有一个PRD并且需要在生成开发提示之前定义具体的UI/UX时使用。架起产品需求与实施细节之间的桥梁。

download12deployed_codestar4
personjakexiao无需 Key

slidev-multi-agent

使用以脚本为先的工作流程,通过详细的本地引用创建、编辑、设置主题、构建和导出Slidev演示文稿。在处理Slidev幻灯片集、主题、布局、导出或托管时使用。始终首先查阅references/index.md,并在有可用脚本时通过脚本执行。

download12deployed_codestar19
personjakexiao无需 Key

expressive-design

Material Expressive。为Flutter提供了全面的表达式设计系统指南,并支持Android和Linux桌面平台。涵盖了布局模式(如Bento Grid、Masonry)、颜色标记、字体大小比例、动态规范、形状标记、间距梯度以及用于创建情感吸引人的用户界面的组件增强。包括从标准M3迁移的指导和特定平台集成说明。当Claude需要将表达式设计应用于特定的Flutter小部件(作为参数…

download12deployed_codestar0
personjakexiao无需 Key

"navigation"

导航架构:NavigationStack,NavigationSplitView,TabView,sheets,fullScreenCover,类型安全的路由,编程导航。在设置应用程序导航、添加屏幕、呈现模态或构建基于标签的流程时使用。触发器:NavigationStack,NavigationLink,TabView,sheet,fullScreenCover,NavigationPath,na…

download12deployed_codestar1
personjakexiao无需 Key

"dark-mode"

暗模式支持:3种外观选择器,preferredColorScheme,Color(light:dark:)自适应标记,colorScheme环境。在添加暗/亮模式切换、创建自适应颜色或遵循系统外观时使用。触发因素:colorScheme, preferredColorScheme, 暗模式, 外观, Color(light:dark:)。

download12deployed_codestar1
personjakexiao无需 Key

"gestures"

tvOS手势模式:使用onMoveCommand、onPlayPauseCommand、onExitCommand和滑动识别处理Siri Remote输入。在实现tvOS输入处理、遥控器交互或基于焦点的手势时使用。触发条件:手势、Siri Remote、onMoveCommand、滑动、遥控。

download12deployed_codestar1
personjakexiao无需 Key

"feedback-states"

反馈状态模式:加载指示器、错误处理界面、成功确认、禁用状态、骨架视图。在添加加载旋转器、错误提示、成功反馈或管理空/错误/加载视图状态时使用。触发条件:ProgressView,加载,错误,警告,空状态,骨架,禁用,反馈。

download12deployed_codestar1
personjakexiao无需 Key

"spacing-layout"

间距和布局度量:8pt网格系统、标准边距、44pt点击目标、垂直节奏、密度指南。在设置填充、边距、元素之间的间距或确保触摸目标大小时使用。触发词:填充、间距、边距、点击目标、44pt、网格、密度、内容边距。

download12deployed_codestar1
personjakexiao无需 Key

heuristic-evaluation

使用已建立的启发式方法(如尼尔森的10条、施奈德曼的8条或自定义标准)进行系统的可用性评估。在审查UI设计、屏幕截图、原型或实际产品是否存在可用性问题时使用。当用户要求“审查此设计”、“这个UI有什么问题”、“可用性检查”、“评估此界面”,或者分享截图/模型请求反馈时触发。

download12deployed_codestar4