Skills

I

img-grid

nikolay-shirokov / cc-1c-skills

在图像上叠加带编号的网格。在分析布局截图或打印表单时使用——在生成表格文档前测量列的占比。

I

interface-design

marcioaltoe / skills

以精细设计为先的界面设计，适用于仪表板、管理面板、SaaS 应用、工具、设置页面、数据界面和交互式产品。在设计、构建、审查、审核或改进产品 UI 时，如果视觉表现、布局层级、设计令牌、状态、视觉方向或设计系统一致性很重要，请使用。不适用于营销页面、着陆页、营销活动或仅涉及品牌的工作。

I

interface-edit

nikolay-shirokov / cc-1c-skills

1С 子系统命令界面的设置。当你需要隐藏或显示命令、将其放入分组、配置顺序时使用。

在构建任何 iOS UI 组件时，遵循 Apple Human Interface Guidelines 应用 iOS/SwiftUI 设计原则。仅当前项目为 iOS 项目且涉及 UI 相关工作时才执行。为 SwiftUI 视图、UIKit 组件或 iOS 应用开发使用本技能。确保符合 HIG 的清晰、遵从与深度原则，支持深色模式的系统颜色，8pt 网格间距，支持 Dynamic Type 的 SF Pro 字体排印，以及原生 iOS 交互模式。避免固定文字大小、忽视深色模式、违反安全区域等常见反模式。

J

japanese-minimal

madebymustafa / design-taste

风格包：侘寂极简主义——和纸、墨色、一处印章红点缀、日文明朝体衬线字，以留白构成设计，并允许一个竖排文字元素。平静、克制，是未经修饰的低调奢华风格。适用于工作室、茶／食品品牌、健康生活、个人网站，以及任何追求沉静克制的需求。叠加在 design-taste 核心技能之上使用。

L

latex-posters

ovachiever / droid-tings

使用 beamerposter、tikzposter 或 baposter 以 LaTeX 创建专业研究海报。支持会议演示、学术海报和科学传播，涵盖版式设计、配色方案、多栏排版、图表集成以及海报专用的视觉传达最佳实践。

M

make-deck

bluzir / claude-code-design

当用户要求演示文稿、pitch deck、幻灯片或 keynote 时，构建 HTML 幻灯片（1920×1080、键盘导航、可导出）。使用 deck_stage.js 起始模板和 Claude Design 品味规则。

M

makepad-2.0-splash

zhanghandong / makepad-skills

关键：用于 Makepad 2.0 Splash 脚本语言。触发词：splash language、makepad script、script_mod!、makepad scripting、splash 脚本、makepad 2.0 script、mod.state、on_render、script_eval、streaming evaluation、splash syntax、splash vm、let binding、splash functions、hot reload、live reload、ScriptModKey、script_mod_overrides、checkpoint、incremental parsing、canvas splash、POST splash、fn tick、on_audio、set_text、tab switching、音乐播放器、token monitor、driver script、audio API、热重载、脚本引擎、增量解析

M

makepad-2.0-widgets

zhanghandong / makepad-skills

关键：用于 Makepad 2.0 组件目录与用法。触发词：makepad widget、makepad View、makepad Button、makepad Label、makepad TextInput、makepad PortalList、makepad Dock、makepad Modal、makepad Image、makepad CheckBox、makepad Slider、makepad DropDown、widget catalog、widget reference、widget list、SolidView、RoundedView、ScrollYView、FoldHeader、Splitter、FileTree、组件、控件、视图、按钮、标签、输入框、列表、模态框

M

marketing-site-skill

sergekostenchuk / ui-ux-agent-skill-system

构建、重构、审计和验证营销网站与公开产品页面。当用户要求落地页、产品页、品牌页、场地页、活动页、转化流程、hero 区块、CTA 层级、社会证明、元数据、响应式叙事、媒体密集的公开页面、面向 SEO 的 UI 或发布页时，使用此技能。不适用于私有仪表盘、管理面板、CRM 界面或密集型应用工作流。

M

maui-graphics-drawing

davidortinau / maui-skills

使用 Microsoft.Maui.Graphics、GraphicsView、画布绘制操作、形状、路径、文本渲染、图像绘制、阴影、裁剪和画布状态管理进行自定义绘制的指南。适用场景："custom drawing"、"GraphicsView"、"canvas drawing"、"draw shapes"、"draw path"、"draw text"、"ICanvas"、"IDrawable"、"shadows"、"clipping"、"Microsoft.Maui.Graphics"。不适用场景：视图动画（使用 maui-animations）、绘制元素上的手势处理（使用 maui-gestures）或应用图标（使用 maui-app-icons-splash）。

M

maui-safe-area

davidortinau / maui-skills

.NET 10+ 的 .NET MAUI 安全区域与边到边布局指南。涵盖 SafeAreaEdges 属性、SafeAreaRegions 枚举、按边控制、键盘避让、Blazor Hybrid CSS 安全区域、从旧版 API 迁移，以及 Android、iOS 和 Mac Catalyst 的平台特定行为。适用于：“safe area”“edge-to-edge”“SafeAreaEdges”“SafeAreaRegions”“keyboard avoidance”“notch insets”“status bar overlap”“iOS safe area”“Android edge-to-edge”“content behind status bar”。不适用于：通用布局或网格设计（请使用 maui-collectionview）、应用生命周期处理（请使用 maui-app-lifecycle）或主题（请使用 maui-theming）。

M

midjourney-card-news-backgrounds

bear2u / my-skills

根据主题、氛围和风格偏好，为 600x600 卡片新闻背景图生成 Midjourney 提示词。在用户需要卡片新闻背景或 Instagram 帖子背景时使用。

M

motion

dobroslavradosavljevic / skills

使用 Motion for React（motion/react、motion@13）构建、审查、调试、迁移或规划 UI 动画。适用于 React/Next/Vite：motion.div、AnimatePresence、variants、手势、拖拽、layout/layoutId、LazyMotion、useScroll、useAnimate、MotionValues、animateView、AnimateView（motion/react-animate-view，React 19.3）、arc()、弹簧回弹、Reorder 网格、reducedMotion、framer-motion→motion、Motion 13 isValidProp、CSS/WAAPI/View Transitions、微交互、页面转场、可访问性以及性能安全的动画。不适用于 Vue、仅用 vanilla 的 Motion、React Native，或非交互式影视/视频，除非将其适配到产品 UI。

M

mowgli

mowgli-ai / skills

使用 Mowgli，以高品位为你的项目创建并迭代精美的设计，避免常见的 AI slop 设计美学。此 skill 允许你将现有设计和产品流程推送到 Mowgli 项目，或从中读取像素级精准的 React + Tailwind 设计。Mowgli 在无限画布上展示产品的所有界面和状态，并支持快速的、自然语言的迭代。得益于其独特的 spec-driven design 方法，Mowgli 能够以对产品的深度理解和上下文，帮助重新设计、调整、可视化和实验设计。结合此 skill，它可与现有代码库和 GitHub 仓库完全互通，并提供从精美设计到真实实现的便捷路径。

N

next-slide

codesstar / next-slide

你的下个 slide，何必是 PPT — AI 驱动的 HTML 演示文稿。26+ 种样式，零依赖，双语。适用于 Claude Code 和 OpenClaw。

N

nexus-ui

victorcodess / nexus-ui

为 AI 聊天 UI 安装并组合 Nexus UI 组件——prompt input、model selector、suggestions、attachments、message、thread、citation、reasoning、text shimmer、image、feedback bar、toaster、chain of thought、tool、questions 以及 AI SDK 模式。在使用 @nexus-ui 注册表或 components/nexus-ui 下的 Nexus UI 源码时激活。

N

ns-code-best-practices

nextstage-brasil / skills

(NS) 安全/兼容性/无障碍规范 + Vercel Web Interface Guidelines 审查（请求头、CSP、依赖、无障碍）。适用于加固安全、修复 CSP/CORS/请求头、审查 UI/检查无障碍/审计 UX，或应用 Web Interface Guidelines——即使没有说“最佳实践”；也用于 ns-proto-creator 收尾。不要用于 MR/SOLID 审查（ns-code-reviewer）、视觉重设计（ns-code-frontend-design）或功能实现（ns-code-coder / ns-spec-driven）。

N

ns-code-frontend-design

nextstage-brasil / skills

(NS) 独具特色的生产级 UI——布局、排版、动效和组件打磨，避免千篇一律的 AI 低质美学。适用于用户构建或改进页面、组件、仪表盘、表单或设计简报工作，或要求更好的 UI/UX 时——即使他们没有说 "design"。存在 docs/context/design-brief.md 时加载它。不适用于仅后端的工作、需求编写或完整的 SDD 编排（请使用 ns-spec-driven）。

N

nuxt-ui

nuxt-content / nuxt-studio

在构建带样式的 UI 或使用 @nuxt/ui v4 组件（Button、Modal、Form、Table 等）时使用——提供开箱即用的组件，并支持 Tailwind Variants 主题。原始组件模式请使用 vue 技能，无头基础组件请使用 reka-ui。

O

optimize-text-mesh-pro

unity-technologies / unity-agent-plugin

优化 TextMeshPro 的渲染、内存和字体设置，包括字体资源堆栈、回退图集、SDF 质量以及世界空间文本。适用于用户咨询 TMP 字体、CJK 或多语言文本，或文本性能问题。

P

page-cro

mysticaltech / marketingskills

当用户希望优化、改进或提升任何营销页面的转化率时使用——包括首页、落地页、定价页、功能页或博客文章。当用户说“CRO”“转化率优化”“这个页面转化不好”“提升转化”“为什么这个页面没效果”时，也使用本技能。对于注册/报名流程，见 signup-flow-cro；对于注册后的激活，见 onboarding-cro；对于注册之外的表单，见 form-cro；对于弹窗/模态框，见 popup-cro。

P

paywall-upgrade-cro

mysticaltech / marketingskills

当用户想创建或优化应用内付费墙、升级页面、追加销售弹窗或功能门控时使用。当用户提到「paywall」「upgrade screen」「upgrade modal」「upsell」「feature gate」「convert free to paid」「freemium conversion」「trial expiration screen」「limit reached screen」「plan upgrade prompt」或「in-app pricing」时也适用。与公开定价页（见 page-cro）不同——本技能聚焦于用户已经体验到价值的产品内升级时机。

P

peach-gen-ui-proto

peachsolution / peach-harness

无需后端、基于 Mock 数据生成原型 UI 的技能。Vue 3 + TypeScript + NuxtUI v4。在单独的 ui-proto 仓库（例如 peach-ui-proto-backoffice）的 modules-task 文件夹中按任务累积各画面。由 "프로토타입 만들어줘"、"Mock 화면"、"proto UI"、"기획 화면 빠르게"、"ui-proto 작업"、"기획자 검토용 화면"、"태스크 폴더 추가" 等关键词触发。若输入中提供了 Spec 文档，会自动切换为团队模式（Ralph 循环 5/10 次）；若没有 Spec 而由策划者自行操作，则以单人模式运行。若需要接入真实 API，请使用 peach-gen-ui。

P

pixel-perfect-replication

yu-369 / vibecurb

图片转代码复刻流水线。当用户提供截图或设计稿时，本技能会跨七个层面（栅格、字体、颜色、间距、组件、氛围、交互）进行结构化提取，在编写任何代码之前先构建 Extraction Sheet，以与参考稿完全一致的还原度实现，并通过内联 Quality Gates 和最终 Visual Diff 进行验证。参考图就是规格。代码是翻译，而非诠释。

P

playful-color

madebymustafa / design-taste

风格包：大胆、欢快的消费品设计——巨型展示字、粗重墨色描边、鲜艳的纯色块、贴纸般的形状和厚实按钮。适用于 D2C 品牌、消费类应用、活动、教育和面向年轻人的产品。趣味十足但不显幼稚：结构保持严谨，只让风格更张扬。叠加在 design-taste 核心技能之上使用。

P

preview-widget

chunkytofustudios / flutter-skills

使用内置的 Flutter Widget Previewer（`flutter widget-preview`）在隔离环境中预览单个 Flutter widget —— 接入项目专属的 `previewWrapper`，使该 widget 基于应用真实主题和 providers 渲染，启动本地预览服务器，并让 Agent 在人工用自己浏览器同步查看的同时，对实时预览进行无头 Chrome 截图。只要用户想要设计、迭代、自用体验、分享、审计或检查某个独立 Flutter widget，就使用——即使他们没有说“previewer”（例如“let me see the new button”“show me dark mode for this card”“throw this widget on a preview”“iterate on the empty state”“preview just the badge”“what does this look like at tablet width”）。若要对运行中的应用做全屏设计打磨，请改用 `design-polish` + `android-emulator`。不适用——非 Flutter UI、整应用 QA 流程、Flutter < 3.35 的项目。

P

prototype

c0nant / skills

构建一个临时原型来回答设计问题。当用户想验证状态模型或逻辑是否合理，或探索 UI 应该是什么样时使用

R

resilience-audit

neonwatty / qa-skills

审计 Web 应用面对意外用户行为的韧性——意外的、边缘情况的和混乱的。当用户说“resilience audit”、“chaos audit”、“what could go wrong”、“edge case audit”、“idiot-proof this”、“break this app”、“stress test the UX”或“find UX dead ends”时使用。探索代码库以梳理用户流程，然后系统性地找出当用户做出开发者未预料到的操作时，应用可能出错、卡住或出现意外行为的方式。涵盖导航死角、重复提交、被中断的操作、跨设备问题、输入边缘情况、时序缺陷、错误恢复缺口和意外使用模式。产出带优先级排序的报告，包含发现、代码位置和修复建议，随后可选择在浏览器中交互式验证发现。

R

retain

simota / agent-skills

留存策略、再参与和流失预防。留存分析框架、再参与触发设计、游戏化元素、习惯养成设计和忠诚度计划。当需要参与战术时使用。

S

seaslides-typst-slides-skill

touying-typ / seaslides

使用 Touying/Typst 的 AI 驱动演示文稿生成系统。通过多角色 Full Mode 工作流或直接基于现有主题的 Quick Mode 创作，把源文档（PDF/DOCX/URL/Markdown）转换为高质量 Typst 幻灯片，并导出为 PDF/PNG/PPTX。只要用户想创建幻灯片、制作演示文稿、搭建一套 deck、把 PDF/文档转成幻灯片、把笔记变成演示，或涉及 Typst/Touying 幻灯片生成的任何事，就使用本 Skill。触发短语包括："create slides"、"make presentation"、"generate slides"、"convert to slides"、"turn into a deck"、"keynote"、"PPT"、"slide deck"、"生成PPT"、"做幻灯片"、"制作演示文稿"、"用Typst做演示"、"做个汇报"、"转成幻灯片"，或提到 "seaslides-typst-slides-skill"。即使用户没有明确说 "slides" 或 "presentation"，只要意图明显是从源内容创建可视化演示材料，也使用本 Skill。

S

shadcn

marcioaltoe / skills

管理 shadcn 组件和项目，支持添加、搜索、修复、调试、设置样式和组合 UI（包括聊天界面）。提供项目上下文、组件文档和用法示例。适用于使用 shadcn/ui、组件注册表、预设、--preset 代码或任何包含 components.json 文件的项目。也适用于执行“shadcn init”“create an app with --preset”“switch to --preset”，以及构建设计系统或将 DESIGN.md 或品牌规范应用于 shadcn/ui。

S

showcase

simota / agent-skills

Storybook 故事创建、目录管理和视觉回归集成。UI 组件文档、视觉测试，以及 CSF 3.0/Factories 故事创建。支持 Storybook 10（仅 ESM）和 React Cosmos。

S

social-creative-designer

stevenflanagan1 / social-ai-team

Creative Designer 技能。接收帖子创意、客户产品照片或真实生活照片，使用客户的品牌风格指南产出符合品牌调性的社交媒体视觉内容。四种模式——Generate（根据创意生成 AI 图像）、Composite（将客户产品照片置于 AI 生成的场景中）、Brand（对真实客户照片应用文字叠加处理）、Stop-Motion Reel（导出为 MP4 的 6 帧动作序列）。读取 brand-style.md、构建提示词、通过 Nano Banana MCP 生成/编辑图像，输出图像 + 提示词日志 + 创意简报。

S

syncfusion-aspnetcore-stepper

syncfusion / aspnetcore-ui-components-skills

创建并配置 ASP.NET Core Stepper 控件，以支持多步骤工作流和渐进式用户界面。在实现步骤导航、向导、进度跟踪器、表单流程、结账流程或任何基于步骤顺序的 UI 时，应应用此技能。凡是需求涉及 stepper、步骤验证、步骤导航、线性流程或基于步骤的状态管理，也同样适用。

S

syncfusion-flutter-circular-charts

syncfusion / flutter-ui-components-skills

在 Flutter 中实现 Syncfusion Flutter Circular Charts（SfCircularChart），用于饼图、环形图和径向条形图数据可视化。在使用 syncfusion_flutter_charts 包处理 PieSeries、DoughnutSeries 或 RadialBarSeries 时使用。本 skill 涵盖图表设置、数据标签、图例、工具提示、选择、注释、渐变、动画、无障碍和图表导出。

S

syncfusion-javascript-carousel

syncfusion / javascript-ui-controls-skills

构建用于展示图片画廊、新闻标题和轮播内容的轮播组件。在实现图片滑块、内容自动轮播或基于轮播的画廊时使用本技能。涵盖导航控件、幻灯片切换、动画效果和指示器。

S

syncfusion-javascript-timeline

syncfusion / javascript-ui-controls-skills

创建并配置 Syncfusion TypeScript Timeline 控件，用于展示顺序事件和时间顺序内容。在实现时间线布局、里程碑跟踪、流程流、进度指示器或可视化有序序列时使用本技能。本技能涵盖使用 Syncfusion Timeline 实现项目里程碑、职业发展、订单状态跟踪、行程规划和流程工作流可视化。

T

tailwind-animations

midudev / tailwind-animations

使用 tailwind-animations npm 包（纯 CSS 的 Tailwind CSS v4 插件）添加现成的动画工具类：fade、slide、zoom、flip、bounce、jelly、对话框进入/退出、滚动/视图时间线、scroll-mask 边缘淡出、duration/delay/steps/iteration/fill-mode 以及 animate-slide-distance。当用户想要使用 Tailwind 实现 CSS 动画、animate-* 类、动效工具类、对话框动画、滚动驱动的 CSS 动效、scroll-mask 淡出边缘，或安装/配置 tailwind-animations 时使用。触发词："tailwind animations"、"animate-fade-in"、"animate-dialog"、"scroll-mask"、"slide-distance"、"tailwind motion plugin"、/tailwind-animations。

T

tailwind

dobroslavradosavljevic / skills

使用最新的 Tailwind 文档构建、审查、调试、配置或迁移 Tailwind CSS 项目。适用于 Tailwind CSS v4.3 工具类、CSS 优先配置、主题变量、Vite/PostCSS/CLI/webpack/Turbopack 配置、源文件检测、变体、响应式设计、深色模式、Preflight、自定义工具类、@apply/@reference、Prettier 类名排序，以及 v3 到 v4 的升级。

T

taste-landing-page

madebymustafa / design-taste

落地页结构与转化设计：8 秒法则、以受众为导向的首屏模式、促进销售的分区顺序（吸引 → 问题 → 证明 → 价格 → 收尾）、CTA 规范、社会认同的布局、定价心理学，以及移动优先的分区呈现。生成或重构任何营销页面时使用。叠加在 design-taste 核心技能之上使用。

T

team-frontend

catlog22 / claude-code-workflow

前端开发的统一团队技能。纯路由 —— 所有角色都读取此文件。Beat 模型仅在 monitor.md 中由协调者使用。内置 ui-ux-pro-max 设计智能。触发词为「team frontend」。

T

theme-factory

lotfb86 / web-design-skills

用于为各类成品应用主题样式的工具包，包括幻灯片、文档、报告、HTML 落地页等。提供 10 种预设配色和字体主题，可应用于已创建的成品，也可即时生成新主题。

T

threejs-interaction

akillness / jeo-skills

使用 Raycaster、指针与触摸坐标转换、悬停/选中状态、相机控制、拖拽、键盘输入以及世界坐标到屏幕坐标投影，实现和调试 Three.js 交互。适用于拾取对象、添加 OrbitControls 或 PointerLockControls、处理鼠标/触摸输入或修复交互式 3D 行为时。触发于：Three.js interaction、Raycaster、raycast、picking、click mesh、hover、object selection、OrbitControls、drag controls、pointer events、touch controls。

使用 React、Tailwind CSS、Shadcn/ui 和现代设计模式构建美观、响应式 UI 的专业指南。适用于创建组件、布局、动画或样式。

U

user-interview-synthesis

mohitagw15856 / pm-claude-skills

将用户访谈记录综合为结构化的研究结论。当被要求分析访谈笔记、综合定性研究、从访谈中识别主题，或将原始访谈数据转化为可落地的产品洞察时使用。产出按主题组织的综合结果，每个主题附支持性引述、"so what" 启示和推荐的后续步骤。对于访谈之外的混合来源（问卷、工单、反馈），请改用 user-research-synthesis。

U

ux-journey-architect

sergekostenchuk / ui-ux-agent-skill-system

为公开网站梳理用户旅程、引导路径、入口点、首次操作、信任点、无障碍风险以及 SEO/LLM 交接，而不重新设计视觉系统。当用户询问新读者、回访用户、项目评审者、社区成员、买家或 AI Agent 应如何浏览网站，以及每个页面在布局实现前必须讲清什么时，使用该技能。

U

ux-map

smnandre / symfony-ux-skills

用于 Symfony 中交互式地图的 Symfony UX Map,支持 Leaflet 或 Google Maps。涵盖标记、多边形、折线、圆、信息窗口以及 LiveComponent 集成。适用于显示地图、放置标记、绘制形状或路线、处理地图事件、构建门店定位器、使用自定义瓦片图层,或用 LiveComponent 让地图具备响应式。代码触发:<twig:ux:map />、Map()、Point()、Marker()、Polygon()、Polyline()、Circle()、InfoWindow()、MapOptionsInterface、ComponentWithMapTrait、fitBoundsToMarkers、ux:map:marker:before-create、ux:map:connect、SYMFONY_UX_MAP_DSN。当用户询问"如何显示地图"、"如何添加标记"、"如何在地图上绘制多边形"、"如何处理地图点击事件"、"如何制作响应式地图"、"如何在 Symfony 中使用 Leaflet"、"如何在 Symfony 中使用 Google Maps"、"地图不显示"、"地图高度为零"时也应触发。不要用于 SVG 图标(使用 ux-icons)或一般前端交互(使用 stimulus)。

U

ux

nmnmcc / skills

当产品行为、界面或内容需要为使用者改进时使用。

U

ux-research-plan

mohitagw15856 / pm-claude-skills

为任何产品问题或功能创建结构化的 UX 研究计划。当被要求撰写研究计划、设计用户研究、制作讨论指南、编写筛选问题或规划可用性测试时使用。产出完整的研究计划，包含目标、方法、筛选、讨论指南和综合框架。

V

visualise

bentossell / visualise

在对话中直接渲染内联交互式可视化——SVG 图表、HTML 小组件、图表和讲解图。当用户要求可视化、绘制图表、画图、用视觉方式说明，或某种解释更适合用空间/交互式图表而非文字时，使用本技能。也会在以下情况触发：流程图、架构图、数据可视化、交互式讲解、对比布局、UI 原型，以及任何包含 'show me'、'draw'、'map out'、'visualize' 或 'diagram' 的请求。即使用户没有明确要求可视化，当主题具有空间、顺序或系统性关系，用图表比文字更清楚时，也主动使用本技能。

W

web-ai-slop

sahilkargutkar / web-ai-slop

根据跨学科的 AI 默认模式清单过滤 Web 产出。在交付任何设计、文案、UI 代码、基础设施配置或文档之前使用。当用户要求「高级感」或「不像 AI」的东西，当你准备使用发光渐变、bento 网格、SaaS 赋能式文案、三档定价区块、三阶段 CI/CD YAML 或上帝组件时触发。

W

web-html

alphaonedev / openclaw-graph

HTML5：语义化标记、ARIA/WCAG 无障碍、表单、Web Components、Shadow DOM、SEO

W

winui3-full-skill

sudocode76 / winui3-skills

生成生产级质量的 WinUI 3（Windows App SDK 1.8+）代码——覆盖全部约 70 个控件的 XAML + C# 代码片段、MVVM/DI 模式、Fluent Design、异步、无障碍和主题最佳实践。

W

workflow-compliance-supervisor

sergekostenchuk / ui-ux-agent-skill-system

当 UI/UX 项目必须验证承诺的用户旅程、TASK-PLAN.md、progress-state.json、渲染出的进度 HTML、证据产物以及被跳过的阶段是否一致时使用。检测偷懒式跳过、虚假的 Ran/Done 声明、缺失的证据、需审批的外部步骤和用户数据阻塞；建议 continue、pause_for_user、return_to_rework、skip_with_reason 或 block，但不取代 senior-ui-ux-orchestrator 的主持角色。

A

accessibility-expert

cin12211 / orca-q

WCAG 2.1/2.2 合规、WAI-ARIA 实现、屏幕阅读器优化、键盘导航和无障碍测试专家。遇到无障碍违规、ARIA 错误、键盘导航问题、屏幕阅读器兼容性问题，或无障碍测试自动化需求时，请主动使用。

A

aesthetic-application

alexiseverage / aesthetic-frontend-skills

当你需要为某个具名美学提供完整的、开发者可直接使用的设计规范时使用此技能：W3C DTCG 设计令牌、CSS 自定义属性、文化标记清单、组件级说明和无障碍标记。将美学理解转化为覆盖全部 7 个维度的可实现值。当用户要求 "make it look like X"、索取设计令牌或 CSS 变量，或需要以美学为依据的开发者交接规范时使用。依赖 aesthetic-literacy。在美学尚未确认前不要使用；不要用于无障碍解决方案或组件架构。

A

ai-elements

crafter-station / elements

从 Elements registry 安装 AI UI 组件。当用户需要聊天界面、Agent 式 UI（工具调用、推理、计划）、多 Agent 仪表盘或 AI 开发工具时使用。触发词包括 "AI component"、"chat UI"、"agent UI"、"tool call component"、"streaming text"、"agentic"、"multi-agent"、"AI SDK"、"chat input"、"message bubble"、"thinking indicator"。

A

alterlab-vcd-poster-designer

alterlab-ieu / alterlab-fc-skills

当用户询问 "poster design"、"campaign poster"、"event poster"、"social media graphics"、"billboard design"、"banner design"、"flyer design"、"promotional graphics"、"visual hierarchy poster"、"concert poster"、"film poster"、"act as a poster designer"、"poster designer mode"、"key visual"、"hero image"、"advertising visual"、"OOH design"、"outdoor advertising"、"social media template"、"Instagram post design"、"event graphics"、"format-specific design"、"focal point"、"large format print"，或需要设计活动海报、活动图形、社交媒体视觉素材和大尺寸广告物料方面的专业知识时，应使用此技能。属于 AlterLab FC Skills 合集（VCD 部门）的一部分。

A

alttextai

membranedev / application-skills

AltText.ai 集成。管理数据、记录并自动化工作流。当用户需要与 AltText.ai 数据交互时使用。