Skills

S

shieldcn-badges

jal-co / shieldcn

创建精美的 shieldcn README 徽章、徽章组、图表、页眉、赞助者网格和完整的 README 主视觉区块。适用于用户需要 shadcn/ui 风格的徽章、替代 Shields.io 的方案、npm/GitHub/CI/状态徽章、下载图表、README 页眉横幅、贡献者/赞助者图片或 README Studio 指导时。触发词包括“添加徽章”“添加 shields”“README 徽章”“npm 徽章”“GitHub stars 徽章”“CI 徽章”“下载图表”“README 页眉”“README 横幅”“贡献者网格”“赞助者网格”“构建 README”“README Studio”“shieldcn”，以及让项目 README 更美观的请求。

S

spree-resource

spree / agent-skills

用户希望在 Spree 6 项目中添加新模型、数据库表或 REST API 端点时使用。涵盖 `spree:api_resource`（模型 + 迁移 + Store/Admin API 控制器 + 序列化器 + 工厂 + 控制器规范 + 路由 + 权限范围）和 `spree:model`（仅模型 + 迁移）。常见说法包括“添加 Brand 模型”“创建新资源”“将 X 暴露为 API 端点”“为 Y 添加 Admin API”“搭建 Spree 资源脚手架”“创建不带 API 的 Spree 模型”“内部模型”“将我的模型限定到商店范围”。

S

spree-typescript-sdk

spree / agent-skills

当用户使用 Spree 6 构建 TypeScript 或 JavaScript 客户端时使用，例如 Next.js 商店、移动／Web 应用、集成或后台工具、webhook 接收器。涵盖 @spree/sdk（Store API）、@spree/admin-sdk（Admin API），并指向 @spree/seller-sdk（marketplace）。常见表述包括“Spree SDK”“createClient”“createAdminClient”“商店客户端”“管理端客户端”“购物车令牌／spreeToken”“carts.complete”“结账后调用 orders.get”“Spree 的 TypeScript 类型”“Zod schemas”“verifyWebhookSignature”“重试配置”“client.request 自定义端点”“MSW Spree”“@spree/sdk”“@spree/admin-sdk”。关于 curl／原始 HTTP 和协议详情，请参阅 spree-api-v3。

S

swiftui-microinteractions

iamvishal16 / swiftui-microinteractions

以 legendary-Animo 风格生成高品质 SwiftUI 动画，包括弹簧物理效果、CoreHaptics、玻璃拟态、SF Symbols 7 绘制动画，以及完整可编译的文件。

S

syncfusion-angular-circular-gauge

syncfusion / angular-ui-components-skills

实现 Syncfusion Angular Circular Gauge 组件，用于径向数据可视化。在构建仪表板、监控显示、性能指标、速度计或 KPI 指示器的圆形仪表时使用。涵盖安装、轴配置、指针类型（指针、范围条、标记）、范围、样式、动画和用户交互。

S

syncfusion-angular-range-navigator

syncfusion / angular-ui-components-skills

使用 Syncfusion 在 Angular 应用中实现交互式 Range Navigator。涵盖从本地和远程来源进行数据绑定、轴配置（数值和日期时间）、系列类型、工具提示自定义、周期选择器设置、轻量模式、RTL 支持、轴标签和格式、网格刻度、打印/导出功能（PNG、SVG、PDF）以及无障碍功能。创建数据范围选择工具、时间线导航器和交互式数据探索组件时使用此技能。

S

syncfusion-angular-sankey

syncfusion / angular-ui-components-skills

创建并配置 Syncfusion Angular Sankey 图以可视化流向。用于呈现加权流、流程和层级关系。支持节点和连线样式、图例、工具提示、事件、无障碍功能，以及适用于复杂流向图的全面数据绑定。

S

syncfusion-angular-stock-chart

syncfusion / angular-ui-components-skills

实现 Syncfusion Angular Stock Chart 组件，用于显示金融数据和 OHLC 图表。用户需要创建股票图表、显示蜡烛图或 OHLC 数据、添加技术指标、实现日期范围选择，或处理时间序列金融可视化时使用此技能。包括系列类型、轴自定义、交互功能和导出能力。

S

syncfusion-angular-treemap

syncfusion / angular-ui-components-skills

创建并自定义 Syncfusion Angular TreeMap 组件，以可视化层级数据。在需要实现 TreeMap、可视化层级数据结构、配置多层布局、应用颜色映射、启用下钻导航、添加标签和工具提示、配置图例、处理选择和高亮、导出为图像或 PDF、打印，或自定义国际化和无障碍功能时使用此技能。涵盖安装、数据绑定、布局类型、层级、颜色映射、标签、工具提示、图例、下钻、交互、打印/导出、RTL、本地化格式和无障碍功能。

T

tailwind

bobmatnyc / claude-mpm-skills

Tailwind CSS 是一个实用类优先的框架，可用于快速开发支持响应式设计和深色模式的 UI

4

414-frameworks-quarkus-kafka

jabrena / plinth

需要在 Quarkus 中使用 SmallRye Reactive Messaging 进行 Kafka 消息传递时使用——包括 channel/topic 设计、构建时 Jackson 序列化、类型化的 @Channel/@Incoming、确认/失败策略、重试/DLQ、幂等性、Dev Services 和 Testcontainers 集成测试。适用于以下请求：在 Quarkus 中添加 Kafka；审查 Reactive Messaging 消费者；改进 Quarkus Kafka 的故障处理；配置 Quarkus Reactive Messaging Kafka channels；添加 Quarkus Kafka 故障策略或 DLQ 处理。属于 Plinth Toolkit。

A

ard-registry-builder

webmaxru / ai-native-dev

构建、验证、测试和更新符合 Agentic Resource Discovery（ARD）规范的注册表和目录。用户处理 ai-catalog.json、能力清单、ARD/AIR 目录或 Agent Registry、urn:air: 标识符、trustManifest/attestations、representativeQueries 或 Agent Finder/发现服务时均使用；包括编写或搭建新清单、修复 schema 或 URN 错误、执行一致性/验证检查、探测注册表的 /search、/explore 或 /agents REST 端点、审查信任和联邦元数据，或准备发布到 /.well-known/ai-catalog.json。即使用户只提到“ARD”“agentic resource discovery”“AI catalog manifest”“agent registry”或“让 Agent 可被发现”，而未指出文件名，也要触发。

C

commit

0xd669 / skills

将已暂存或选定的工作区更改整理为一个完整的 git 提交并执行。当用户要求提交更改、暂存并提交一项逻辑完整的更改，或创建带有合适说明的 git 提交时使用。仅要求起草提交说明，或仅推送现有提交时不要使用。

C

create-mule-run-config

mulesoft / mulesoft-dx

当用户要求为 Mule 应用程序创建新的运行配置时，将调用 use_skill 作为你的第一个且唯一操作。仅用于从头创建新配置，不用于编辑现有配置。触发短语包括“create config”“new run config”“set up config”“add config”。调用 use_skill 时，该响应中不得调用其他工具。

C

cwv-optimizer

adobe / skills

诊断并修复 AEM Edge Delivery Services 页面上的 Core Web Vitals 问题。深入分析 EDS 特有的性能模式，包括 100KB LCP 预算、E-L-D 加载阶段、区块渲染行为和第三方脚本的影响，超越一般性的 CWV 建议。针对 LCP、CLS 和 INP 问题提供具体修复方案及修复前后的效果预测。用户询问 Core Web Vitals、页面速度或 AEM Edge Delivery Services（EDS/Franklin）网站的性能问题时使用。

F

fastapi

martinholovsky / claude-skills-generator

使用 FastAPI 进行 REST API 和 WebSocket 开发，注重安全性、性能和异步模式

G

generate-abap-unit-test

arc-mcp / arc-1

为类生成 ABAP Unit 测试，包含依赖分析、基于接口的测试替身，以及方法级精准插入。用户要求“为这个类生成单元测试”“添加 ABAP Unit 测试”“为这个方法编写测试”或“为 ZCL_X 创建测试替身”时使用。

G

godot-genre-battle-royale

thedivergentai / game-dev-agentic-skills

大逃杀游戏专家蓝图，涵盖缩圈/风暴机制（分阶段、伤害缩放）、大型网络系统（相关性、tick rate 优化）、部署系统（飞机、自由落体、降落伞）、战利品生成（加权表、稀有度）和性能优化（LOD、遮挡剔除、对象池）。适用于多人生存游戏或“最后幸存者”类型游戏。触发关键词：battle_royale、zone_shrink、storm_damage、deployment_system、loot_spawn、networking_optimization、relevancy_system、snapshot_interpolation。

G

godot-genre-sandbox

thedivergentai / game-dev-agentic-skills

沙盒游戏（Minecraft、Terraria、Garry's Mod）专家蓝图，涵盖基于物理的交互、元胞自动机、涌现式玩法和创作工具。构建包含体素、元素系统、玩家创建结构或程序化世界的开放世界创作游戏时使用。关键词：体素、沙盒、元胞自动机、MultiMesh、区块管理、涌现行为、创意模式。

G

gradle-wrapper-upgrade

gradle / gradle-skills

用户要求升级、提升或更新 Gradle wrapper、`gradlew`、`distributionUrl`、`gradle-wrapper.properties` 或构建使用的 Gradle 版本（Gradle 7.0–9.x），或询问如何操作时，均使用。涵盖两种情况：“升级 wrapper”表示直接执行；询问“如何升级”时则提供可复制粘贴的命令，而不是代为运行。若构建中没有 wrapper，则不适用于添加 wrapper。

H

hz-new-project-creation

meta-quest / agentic-tools

在选择构建路径后，为 Meta VR 和 Horizon OS 项目生成脚手架，支持 Standard Android、Meta Spatial SDK、Unity、Unreal 或 WebXR。用于从头创建新的 Meta VR 应用。构建路径：全部；使用 hz-quest-verify-first 选择路径。

I

internationalization

rampstackco / claude-skills

规划并运营多语言或多区域网站。添加新区域、选择语言 URL 结构（子目录、子域名或 ccTLD）、实现 hreflang、规划翻译工作流、处理货币和日期格式、设计 RTL 语言支持，或审查停滞的国际化项目时使用。适用于国际化、i18n、本地化、l10n、hreflang、多语言、翻译工作流、RTL、区域设置、ccTLD、子目录与子域名选择、语言切换器等场景。国际受众表现不佳或翻译内容过时时也适用。

J

java-docker

pluginagentmarketplace / custom-plugin-java

将 Java 应用容器化：优化 Dockerfile、JVM 设置和安全性

M

minimal-code-discipline

yeachan-heo / oh-my-claudecode

用于编写变更的 YAGNI 阶梯式编码准则：优先确认是否需要，先复用再编写，遵循依赖阶梯，采用最短的正确差异，并保留绝不可精简掉的底线要求。

精通 PHP 开发，涵盖 PHP 8+、Laravel、Composer 和现代最佳实践。用户提到 Laravel、Composer、Symfony、PHPUnit 或 PSR 标准，或任务涉及 PHP 8+ 特性、面向对象 PHP、现代 PHP 或构造函数属性提升时使用。

P

pp-pypi

mvanhorn / printing-press-library

用于 PyPI 的 Printing Press 命令行工具。PyPI JSON API。查询 Python 包的元数据、版本、发布文件和漏洞数据。浏览近期……

P

publish-app

twentyhq / twenty

当用户想为 Twenty 应用准备或验证 npm 或应用市场发布内容时使用，包括 README/About 文案、包元数据、defineApplication 应用市场元数据、徽标、截图和公共资源。

R

remotion-render

styleof / superpowers

通过 inference.sh，根据 React/Remotion 组件代码渲染视频。输入 TSX 代码即可获取 MP4。支持所有 Remotion API：useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence。可配置分辨率、FPS、时长和编解码器。适用于：程序化视频生成、动态图形、动态设计、数据驱动视频、将 React 动画转换为视频。触发词：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

R

resend-webhooks

hookdeck / webhook-skills

接收并验证 Resend Webhook。设置 Resend Webhook 处理程序、调试签名验证、处理 email.sent、email.delivered、email.bounced 等邮件事件或处理入站邮件时使用。

S

safe-change

rheinmir / setup

修改共享代码，同时不破坏现有调用方

S

shadcn-registry-first

darkmatter / skills

在 UI 工作中，优先从已配置的 shadcn 注册表（免费的 @shadcn 注册表和付费的 @shadcnblocks 区块注册表）安装现有组件，而不是自行编写。适用于在配置了注册表的 components.json 项目中构建或改造 React UI，包括主视觉区、导航栏、页脚、定价表、功能网格、仪表板、表单、身份验证页面、营销板块、数据表和其他常见区块。使用 shadcn MCP 工具进行搜索、预览和添加，并始终先组装至少三个可构建的方案，在并排比较界面中对比后再做决定。真正定制或领域专用、注册表中不会提供的组件、非 React 技术栈，或未配置注册表的项目均不触发。

S

spree-promotions

spree / agent-skills

用户使用 Spree 6 优惠和折扣时使用——包括创建优惠（自动或优惠码）、批量/多次使用优惠码、优惠规则和操作、计算器、竞争优惠的处理方式、手动折扣、编写自定义优惠规则、操作或计算器，或自定义调整器。常见表述包括“创建优惠”、“优惠码”、“折扣码”、“生成 1000 个码”、“买一送一”、“免运费优惠”、“某类别优惠 10%”、“优惠未生效”、“自定义优惠规则”、“自定义优惠操作”、“自定义计算器”、“叠加优惠”、“折扣力度最大者优先”、“手动折扣”、“善意折扣”、“Spree::Discount”、“Taxon 规则”。

S

spree-upgrade

spree / agent-skills

用户想将 Spree 升级到较新版本，或询问升级机制的工作方式时使用。常见表述包括“升级 Spree”“提升 Spree 版本”“如何升级”“升级流程是什么”“运行 Spree 升级”“spree upgrade --plan”“rake spree:upgrade”“重新运行某个升级步骤”“在生产环境/发布阶段升级”。涵盖 Spree 6 项目中与版本无关的升级流程——`spree upgrade` CLI、`rake spree:upgrade` 任务及其清单、重试单个步骤，以及在生产环境运行回填。对于 Spree 5.x → 6.0 的大版本升级，还要加载 spree-upgrade-5-to-6。

S

syncfusion-angular-circular-3d-chart

syncfusion / angular-ui-components-skills

使用 Syncfusion 在 Angular 应用中实现交互式 3D 圆形图表。涵盖饼图和圆环图创建、数据绑定、数据标签的位置和模板、空数据点处理、自定义格式的工具提示、图例配置、标题和副标题，以及打印/导出功能（PNG、SVG、PDF）。创建用于数据呈现、比较和交互式用户参与的 3D 圆形可视化时，使用此技能。

S

syncfusion-angular-context-menu

syncfusion / angular-ui-components-skills

实现支持右键和触摸长按菜单的 Syncfusion Angular ContextMenu 组件。用户需要创建上下文菜单、添加/删除/启用菜单项、处理菜单点击、自定义动画、应用模板、处理数据绑定、从菜单项触发对话框、动态显示/隐藏菜单项、添加图标、创建可滚动菜单或自定义菜单外观时，使用此技能。

S

syncfusion-angular-heatmap

syncfusion / angular-ui-components-skills

实现 Syncfusion Angular HeatMap Chart 组件，以通过颜色渐变可视化二维数据。用户需要创建热力图、可视化数据矩阵、使用颜色编码单元格显示数据、配置坐标轴（数值/类别/日期时间）、添加图例、自定义颜色和渲染模式、处理单元格选择和事件，或实现无障碍功能时，使用此技能。包含数据绑定、坐标轴类型、交互式选择、工具提示和气泡热力图。

S

syncfusion-angular-linear-gauge

syncfusion / angular-ui-components-skills

创建并自定义 Syncfusion Angular Linear Gauge 组件，以显示测量值和指标。用户需要实现线性仪表、在线性刻度上显示标量值、创建测量界面、配置范围和指针、添加注释、处理用户交互或自定义仪表外观时，使用此技能。涵盖安装、配置、事件、无障碍功能、打印和国际化。

T

test-driven-development

darkmatter / skills

用户要求采用 TDD、先写测试或红绿重构，或仓库说明要求遵循该流程时使用。普通的测试请求使用 when-to-write-tests；仅新增契约或辅助函数并不意味着要采用 TDD。

W

webperf-loading

nucliweb / webperf-snippets

通过自动化工作流进行智能加载性能分析，涵盖 TTFB 调查（DNS/连接/服务器拆解）、渲染阻塞检测、脚本性能深入分析（首次与第三方归因）、字体优化和资源提示验证。包含决策树，可在加载缓慢时自动分析 TTFB 子项、检测脚本加载反模式（async/defer/preload 冲突）、识别渲染阻塞资源并验证资源提示的使用情况。提供完整加载审计（6 个阶段）、后端性能调查和优先级优化工作流。可与 Core Web Vitals（LCP 资源加载）、Interaction（脚本执行阻塞）和 Media（延迟加载策略）技能联动。适用于用户询问 TTFB、FCP、渲染阻塞、加载缓慢、字体性能、脚本优化或资源提示。兼容 Chrome DevTools MCP。

W

webperf-media

nucliweb / webperf-snippets

通过自动化工作流智能优化图片、视频和 SVG 媒体。包含决策树，可检测 LCP 图片（触发格式、延迟加载和优先级分析）、识别布局偏移风险（尺寸缺失）并标记延迟加载问题（首屏内容延迟加载或首屏以下内容提前加载）。提供完整媒体审计、LCP 图片调查、视频性能（海报图优化）和 SVG 嵌入式位图检测工作流。可与 Core Web Vitals（LCP/CLS 影响）和 Loading（优先级提示、资源预加载）跨技能集成。根据内容类型提供性能预算和格式建议。用户询问图片优化、LCP 为图片/视频、媒体导致的布局偏移或媒体加载策略时使用。兼容 Chrome DevTools MCP。

B

bubbletea

pedronauck / skills

使用 Bubbletea 构建交互式 Go TUI，涵盖 Elm 架构、Lipgloss、布局以及键盘和鼠标处理。不包括纯文本 CLI、Web/桌面 GUI 和其他 TUI 框架。

C

caveman-commit

rheinmir / setup

超压缩提交信息生成器。去除提交信息中的冗余内容，同时保留意图和推理。遵循 Conventional Commits 格式。Subject 行不超过 50 个字符，仅在"为什么"不明显时才添加正文。当用户说"write a commit"、"commit message"、"generate commit"、"/commit"或调用 /caveman-commit 时使用。暂存更改时自动触发。

C

code-review-web

rampstackco / claude-skills

检查 Web 应用代码中的错误、安全问题、性能问题和特定技术栈的反模式。用户想要审查代码、调试生产问题、调查构建失败、进行安全审计或在合并前检查 PR 时，使用此技能。触发词包括代码审查、审查我的代码、调试、构建错误、损坏、无法工作、X 为什么失败、检查这段代码、安全检查、PR 审查、代码审计、重构。调查 4xx 或 5xx 错误、部署失败、环境变量问题和 CMS 集成问题时也会触发。

D

dt-obs-ios-sdk

dynatrace / dynatrace-for-ai

使用 Swift Package Manager 在 iOS 项目中配置 Dynatrace iOS SDK（OneAgent）。自动添加 SPM 依赖、创建 Dynatrace.plist 配置文件、加入 import 语句、添加隐私同意代码并构建项目。当用户希望在其 iOS 应用中集成、安装或配置 Dynatrace 监控时使用此技能。关键词：Dynatrace、iOS、SDK、OneAgent、setup、install、integrate、SPM、Swift Package Manager、Info.plist、DTXApplicationID、DTXBeaconURL、mobile monitoring、RUM。

E

electron-base

jezweb / claude-skills

使用 Electron 33、Vite、React 和 TypeScript 构建安全的桌面应用。涵盖通过 contextBridge 实现类型安全的 IPC、使用自定义协议处理程序实现 OAuth、原生模块兼容性（better-sqlite3、electron-store）以及 electron-builder 打包。适用于构建跨平台桌面应用、在 Electron 中实现 OAuth 流程、处理主进程与渲染进程通信，或通过代码签名打包。可避免：NODE_MODULE_VERSION 不匹配、硬编码加密密钥、绕过上下文隔离、原生模块与沙箱冲突。

为非程序员设置 GitHub 个人资料和仓库，包括个人资料 README、仓库结构、AGENTS.md、README 和首次提交。适用于营销人员、个体创业者或任何非编程人员，希望创建或完善 GitHub 形象、建立专业个人资料，或无需使用终端发布首个仓库。

H

helix-query-from-hql

helixdb / skills

将旧版 HelixDB HQL（.hx QUERY/RETURN 语法）转换为直接调用已发布 v3 Rust 或 TypeScript SDK 的请求。当输入包含 HQL 概念（如类型化节点、边或向量源；AddN/AddE/AddV；Out/In/OutE/InE；FromN/ToN；WHERE/EQ/GT/EXISTS；SearchV/SearchBM25；GROUP_BY/AGGREGATE_BY；ORDER/RANGE；UpsertN；RerankRRF；ShortestPath；Embed）或 .hx 文件时使用。标示没有对应 v3 DSL 的 HQL 功能。目标为 Helix Cloud 时，始终先使用 helix-mcp。

I

implement

owainlewis / blueprint

完成一项代码任务：理解任务，进行最小改动，测试并审查，然后汇报结果或创建所请求的 PR。

I

implementing-api-schema-validation-security

mukul975 / anthropic-cybersecurity-skills

使用 OpenAPI Specification 和 JSON 实现 API 架构验证

N

new-project-setup

rheinmir / setup

Deploy llmwiki từ đầu vào project mới — template pull, skill install, RTK, wiki seed, onboard

P

pennant-development

laravel / boost

在使用 Laravel Pennant（Laravel 官方功能标志包）时使用。查询提及 Pennant，或涉及 Laravel 项目中的功能标志或功能开关时始终触发。任务包括定义功能标志、检查功能是否启用、在 `app/Features` 中创建基于类的功能、使用 Blade `@feature` 指令、将标志限定到用户或团队、构建自定义 Pennant 存储驱动、使用功能标志保护路由、通过 Pest 或 PHPUnit 测试功能标志，以及实现 A/B 测试或渐进式发布。对于通用 Laravel 配置、授权策略、身份验证或非 Pennant 的功能管理系统，不要触发。

P

peripheral-driver

leokemp223 / embed-ai-tool

需要为外部设备（传感器、存储器、显示屏等）开发 BSP 驱动时使用。提供开源驱动搜索策略、质量评估、代码适配工具和常见设备适配要点。

R

replica

adobe / skills

同设计迁移——将网站迁移到 AEM Edge Delivery（或任何简洁的前端），并以近乎像素级精确度保留当前设计。将关键页面（每种页面类型一个原型）重新制作成干净的 HTML/CSS（绝不复制 DOM），通过量化的源站保真度关卡（结构、视觉及各断点的拼接像素差异）与线上网站逐一核验，然后移交 migrate/deploy/rollout 进行全站交付（涵盖 prepare-migration 的准备流程；绝不可串联使用这两者）。唯一允许的设计变更是明确列入不一致登记表的条目。当用户说“保留当前设计迁移此网站”“同设计迁移”“像素级精确地重新平台化到 AEM”或“保留设计，更换平台”时使用。不适用于重新设计——这类工作应使用 stardust 核心流程（direct/prototype）或 uplift。

R

rust-desktop-applications

bobmatnyc / claude-mpm-skills

使用 Rust、Tauri 框架及原生 GUI 替代方案构建跨平台桌面应用程序

S

sap-clean-core-atc

arc-mcp / arc-1

审计一组自定义代码，并根据所用 SAP API 将每个 Z/Y 对象归入 Clean Core A–D 级——评估“是否已为云就绪”。当用户要求“按 clean core 对此软件包分类”“clean core 就绪情况报告”“A-D 级审计”或“这段代码是否已为云就绪”时使用。

S

shopify-apps

alinaqi / maggy

Shopify 应用开发：Remix、Admin API、结账扩展

S

spree-extensions

spree / agent-skills

安装 Spree gem（spree_stripe、spree_easypost、spree_meilisearch、spree_opentelemetry、spree_i18n、spree_adyen、spree_multi_store……）或构建可复用的 Spree 6 扩展时使用——用于模型、API 端点、权限、钩子和提供程序的 gem（Rails engine），搭配用于管理界面的仪表板插件（npm 包）。常见表述：“添加 Stripe”“安装 spree_X”“创建 Spree 扩展”“为 Spree 构建 gem”“spree-extension create”“在多个应用间共享”“从我的 gem 注册提供程序”“engine initializer”“after_initialize vs to_prepare”“扩展迁移”。单个应用的定制请先使用 spree-customization——大多数工作不需要 gem。

S

syncfusion-angular-menu

syncfusion / angular-ui-components-skills

实现 Syncfusion Angular Menu 组件的指南。当用户需要创建导航菜单、分层菜单结构、子菜单项、菜单事件、动画、方向更改、RTL 支持或自定义菜单外观时使用。涵盖安装、数据绑定、模板、事件、样式、无障碍功能，以及侧边栏菜单和工具栏等实际实现。

将 Rust 后端与 Web 前端结合的跨平台桌面应用框架，注重安全与性能

U

ui-component-architecture

darkmatter / skills

保持 React 页面精简，并将可复用 UI 放在独立的软件包中，与应用页面分开。当在具有共享 UI 软件包的应用中编写或重新设计页面、路由、屏幕或组件时触发，尤其是文件中逐渐堆满纯 <div className="..."> Tailwind 标记的情况。优先复用该软件包中的现有基础组件，并将新的可复用单元纳入其中，同时避免过早抽象。非 React 代码、没有共享 UI 软件包的单软件包应用，或编辑单个现有组件内部时，不要触发。软件包名称因仓库而异（参见 ADR-0013）；不要强制要求使用 @repo/ui 或 @native/ui。