web-games
Web 浏览器游戏开发原则，涵盖框架选型、WebGPU 采用、性能优化、资源策略、PWA 与音频处理。提供 2D/3D/混合场景的框架决策树与 2025 年对比表，说明 WebGPU 浏览器支持情况与回退策略，并列出浏览器约束下的优化优先级、压缩格式、加载策略及常见反模式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,339 个结果
maui-blazor-hybrid
用于在 .NET MAUI 原生应用中构建与调试 Blazor Hybrid 的技能，涵盖 BlazorWebView 与 HybridWebView 的选型、Razor UI、嵌入 HTML/JS、服务注册、JS/.NET 互操作、静态资源、裁剪与 NativeAOT 风险，以及 DevFlow CDP 调试。
maui-controls-deep-dive
面向 .NET MAUI 控件的高级用法指南技能，覆盖 CollectionView 增量加载与 EmptyView、.NET 10 SafeAreaEdges 安全区域、手势、动画与 GraphicsView 自绘的性能与无障碍要点，需在已有 MAUI 控件基础上深入调优时使用。
m-a11y-fix
m-a11y-fix 是一个自动修复可检测无障碍（A11y）问题的技能，来源标识为 dragoon0x/meridian。其资料给出的简介为“Auto-fix detectable accessibility issues”，即自动修复可检测到的无障碍问题。根据现有资料，该技能会执行一系列具体的修复动作：在缺少 :focus-visible 的地方添加 :focus-visible；用语义化元素替换 div 堆砌（div soup）；为图标按钮添加 aria-label；为装饰性元素添加 aria-hidden；将小于 44x44px 的触摸目标增大；在缺少跳过链接（skip link）时添加跳过链接；修复标题层级。资料未提供其安装方式、运行命令、依赖环境、支持平台、价格或使用步骤，这些内容暂未提供。该技能适用于需要对页面无障碍问题进行自动检测与修正的场景，尤其涉及键盘焦点可见性、语义化结构、屏幕阅读器标注、触摸目标尺寸和标题结构等常见无障碍缺陷。
m-animate
m-animate 是一个为网页添加有目的性动效的技能，来源于 dragoon0x/meridian。它覆盖页面加载、悬停状态与滚动进入三类动效：页面加载采用错峰淡入上移，延迟 80-120ms，整体在 600ms 内完成；悬停采用 1.02-1.05 缩放、阴影抬升与颜色过渡，时长 200-300ms；滚动通过 IntersectionObserver 实现淡入并位移 20-30px。所有交互状态都需声明过渡，并且始终包含 prefers-reduced-motion: reduce 的降级处理。
m-aria
m-aria 是一个用于审计 ARIA 属性的技能，名称写作 /m-aria — ARIA Audit。它的目标是检查页面中 ARIA 属性的使用情况，确保用法正确且不过度指定（over-specification）。根据其提供的检查清单，它关注图标按钮是否缺少 aria-label、装饰性图片是否缺少 aria-hidden、动态内容是否缺少 aria-live、自定义组件是否具备合适的 role，并强调不要过度使用 ARIA，应优先采用语义化 HTML。该技能适合在无障碍（可访问性）检查场景中使用，帮助开发者排查常见的 ARIA 误用与遗漏问题。除上述检查项外，其具体实现方式、支持的平台、安装命令、运行步骤、配置项、收费与价格等信息在资料中暂未提供。
m-export-scss
m-export-scss 是一个用于将设计配置（design profile）导出为 SCSS 变量与 mixin 的技能。它会把设计令牌（tokens）转换为 SCSS 变量，并额外提供三个 mixin：@mixin type-scale($step) 用于字号阶梯、@mixin elevation($level) 用于层级/阴影、@mixin respond-to($breakpoint) 用于响应式断点。该技能属于 dragoon0x/meridian 项目，适合需要把设计系统接入 SCSS 样式工作流的场景。关于具体安装方式、支持的令牌类型、参数取值范围、依赖环境及收费情况，资料中暂未提供。
m-export-tw
m-export-tw 是一个用于将设计配置导出为 Tailwind CSS 配置文件的技能。根据现有资料，它会把设计 profile 输出为 tailwind.config.js 中的 theme.extend 内容，涵盖颜色、字体族、字号、间距、阴影、圆角、过渡时长、过渡缓动函数、层级以及屏幕断点等主题字段。该技能属于 dragoon0x/meridian 项目下的技能之一，适合在需要把既有设计规范同步到 Tailwind 项目配置时使用。资料未提供安装命令、具体调用方式、参数选项、依赖要求、收费信息及平台限制，这些内容暂未提供。
m-flow
m-flow 是一个用于分析页面阅读顺序与内容流的内容流检查工具，属于 dragoon0x/meridian 技能集。它通过核对 DOM 顺序与视觉阅读顺序是否一致，帮助发现因 CSS 重排而破坏 Tab 键顺序的问题，并检查标题层级是否出现跳级、相关内容是否成组、行动号召（CTA）是否位于合理的决策点。该技能适合在网页可访问性与内容结构审查阶段使用，用于验证逻辑 DOM 顺序与视觉顺序的匹配情况。
m-focus
m-focus 是一个用于生成焦点环（focus ring）系统的技能，基于强调色（accent color）统一生成可访问的键盘焦点样式。它提供了一段 :focus-visible 的 CSS 规则示例，使用 2px 实线描边、2px 偏移量并继承圆角，可适配按钮、输入框、链接和卡片等元素，同时强调不应在无替代方案的情况下使用 outline: none。
m-grid
m-grid 是一个用于将间距值对齐到 4px 基础网格的工具。它会扫描代码中的 padding、margin 和 gap，把不符合网格的任意值替换为最接近的间距刻度令牌（var(--space-N)），并展示替换前后的像素差异。
m-harden
m-harden 是一个用于生产环境加固的技能，属于 dragoon0x/meridian 项目。它通过系统令牌为界面补充错误状态、加载状态、国际化安全与边界情况处理。具体做法包括：使用 danger 令牌实现错误状态；使用 surface-sunken 实现加载骨架屏；使用居中消息实现空状态；应用 text-overflow: ellipsis 与 overflow-wrap: break-word 处理文本溢出；使用逻辑属性（padding-inline、margin-block）支持 RTL 从右到左布局；以及通过 @supports 检测并启用现代 CSS 特性。该技能聚焦于提升界面在异常、加载、空数据、多语言和极端内容下的健壮性与一致性。
m-layout-audit
m-layout-audit 是一个布局审计技能，用于梳理项目中的全部布局模式。它会提取所有 display、grid、flex、position、padding、margin、gap 声明，并输出网格与弹性布局的使用比例、唯一间距值（用于判断是否遵循统一间距尺度）、每个组件的最大嵌套深度、媒体查询数量与断点、max-width 约束以及绝对定位的使用情况（通常被视为风险信号）。该技能适合在重构、样式规范治理或响应式适配检查时快速掌握代码库的布局现状。
m-layout-fix
m-layout-fix 是一个用于自动修复布局问题的技能，主要针对间距、宽度与间隙使用进行规范化处理。根据资料，它会将间距对齐到最近的 4px 网格值，为超过 75ch 的文本添加 max-width，在 flex/grid 布局中用 gap 属性替换 margin 间隙，并为宽布局添加响应式断点，同时展示每处修改的前后对比。
m-polish
m-polish 是 Meridian 技能集中的最终质量检查环节，用于在界面交付前做最后一轮打磨。它围绕对齐、间距、悬停与聚焦状态、加载状态、空状态、边界情况以及模式一致性逐项核查，帮助发现交互与视觉上的遗漏。该技能以 /m-polish 命令方式调用，完成后建议运行 /m-score 进行评分，目标为 80 分以上。
m-radii
m-radii 是一个用于生成圆角（border radius）尺度体系的技能，属于 meridian 技能集。它提供从 sm 到 full 共 6 个层级的圆角值：sm（4px）、md（8px）、lg（12px）、xl（16px）、2xl（24px）、full（9999px），并会根据检测到的项目现有模式进行校准——如果现有代码使用更大的圆角，则相应放大尺度。最终输出为 CSS 自定义属性（CSS custom properties），便于在项目中统一管理和复用圆角样式。
m-reduced-motion
m-reduced-motion 是一个用于为所有动画添加 prefers-reduced-motion 支持的技能。它针对每一处动画与过渡效果，将其包裹在 @media (prefers-reduced-motion: no-preference) 媒体查询中，并补充 reduce 回退方案，把时长设为 0.01ms，同时保留最终状态，确保内容不会消失。该技能属于前端与建站领域的无障碍适配工具，适合需要在网页中尊重用户系统级减少动态效果偏好的开发者使用。
m-rhythm
m-rhythm 是一个用于强制网页垂直节奏（Vertical Rhythm）的样式工具，其规则基于由正文行高推导出的基线网格（baseline grid）。它通过检查标题的 margin-top、margin-bottom、段落间距和区块内边距是否落在基线整数倍上，来保证页面纵向排版的统一与协调。基准线的计算方式为：正文 line-height 乘以基础字号。该工具会对不符合基线的间距进行修正，将其吸附到最接近的基线倍数。
m-scroll-fx
m-scroll-fx 是一个滚动特效技能，用于为页面添加基于 IntersectionObserver 的滚动触发显现（reveal）与视差（parallax）效果。显现效果让元素在进入视口时淡入并向上位移 20-30px，触发阈值设为 0.1，同级元素之间以 80-120ms 错开出现，且为一次性播放（不重复隐藏）。视差效果让背景层以不同滚动速率移动，在支持的环境下使用 CSS 滚动驱动动画，速率差保持轻微（0.1-0.3）。该技能同时要求尊重 prefers-reduced-motion 用户偏好。
m-spacing
m-spacing 是一个用于生成间距比例尺（spacing scale）的技能。它以 4px 为基础单位，生成从 2px 到 128px 共 15 个档位的间距值，并输出为 CSS 自定义属性（--space-0.5 至 --space-32）。该技能要求代码库中所有的 padding、margin 和 gap 都使用这些值，以保证间距体系的一致性。
m-transition
m-transition 是一个用于审查和改进 CSS transition 声明的技能，属于 dragoon0x/meridian 技能集。它帮助开发者将泛化的缓动函数替换为有意图的曲线，从而提升界面动效质量。该技能会检查所有过渡声明，用符合上下文的 cubic-bezier 替代默认的 ease，统一过渡时长（悬停 200ms、状态变化 300ms、布局 400ms），确保所有可交互属性都配置了过渡，并为频繁动画的属性添加 will-change 提示。适用于前端开发中需要系统化梳理和优化 CSS 动效的场景。
m-type-audit
m-type-audit 是一个用于排版审计的技能，可扫描代码库中所有 font-family、font-size、font-weight、line-height 和 letter-spacing 的使用情况。它输出一份排版审计报告，涵盖：正在使用的字体族（并标记禁用清单中的字体）、唯一字号（检查比例一致性）、字重种类（目标为 2-4 种）、line-height 是否设置、大写文本上的 letter-spacing，以及层级深度。该技能适合在开发或设计系统维护过程中检查前端样式的一致性与规范性。
m-type-set
m-type-set 是一个一次性完成整套排版系统配置的命令，来自 dragoon0x/meridian。它把字体比例生成、字体搭配选择、行高设置、标题字距以及垂直节奏的标题外边距定义整合到单个命令中，最终输出 CSS 自定义属性。适合需要快速建立统一排版规范的网页或前端项目使用。
gaia-postprocessing
用于在 Three.js 中配置 postprocessing 库的技能，涵盖 Pass、Effect 与 WebGLRenderer 属性设置，实现全屏图像后处理效果，如泛光、景深、色调映射等，并给出性能与色彩空间方面的建议。