uview-pro-x
UView Pro X 页面编写规范技能，用于在任意 uni-app x 项目中使用 uview-pro-x 组件库编写页面。该技能提供安装接入、页面脚本 UTS 规范、页面样式 UCSS 与主题、组件、$u 工具和 hooks 速查、多语言国际化、多主题与暗黑模式、三端兼容避错等规范，并强调先查随技能发货的组件 API 卡片、写后运行校验器保证零违规。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,329 个结果
a11y-semantics-pass
面向 UI 改动的可访问性与语义化检查技能（a11y-semantics-pass），聚焦语义 HTML、可访问名称、键盘操作、焦点管理与正确使用 ARIA，仅对现有界面做改进性检查，不做功能开发或视觉重设计。
component-scaffold
用于按仓库既有约定创建新 UI 组件的技能，统一文件布局、TypeScript 用法、样式系统、导出与命名，是新增 UI 界面的默认入口。
data-fetching-integration
将前端 UI 接入 API 或数据源的技能，强调类型化输入输出、加载/错误/空/成功状态处理，以及明确的缓存键与失效规则。
performance-pass-ui
performance-pass-ui 是一个前端 UI 性能优化技能，用于识别并减少可避免的性能退化，如多余重渲染、渲染中的昂贵计算、超大列表与包体积膨胀，且不改变用户可见行为。
state-modeling
该技能用于为非平凡的 UI 流程定义客户端状态形状与状态转换，适用于多步骤、分支、异步和派生状态的场景。其目的是让复杂的 UI 状态变得明确且可测试，需定义状态形状、转换、派生选择器以及异步和错误路径。使用时需要输入目标 UI 流程及状态、触发转换的事件或动作、异步边界（如请求、防抖、重试、轮询）以及现有状态系统（本地状态、reducer、context、Zustand、Redux、XState 等）。输出为与仓库模式一致的状态模型实现，包括 reducer、状态机或 store 模块，显式的事件到下一状态映射、派生选择器或工具，以及可选的单元测试。它不改变后端逻辑或 API 契约，不擅自引入新的状态库，也不做无关的大型重构。工作流程包括识别最小状态模型、枚举状态与事件、实现事件驱动的转换（含错误、重试、取消、重置）、保持渲染组件为纯展示、并通过仓库命令和最小测试进行验证。检查项覆盖所有预期 UI 路径、确定性处理异步流程、避免不可达或死胡同状态以及类型检查通过。若流程模糊、状态复杂度失控或异步边界情况遗漏，会给出相应建议。
ui-refactor-extract
一个用于在不改变行为的前提下重构 UI 代码的技能，支持提取子组件、重命名、重组文件结构，并保持公共 API 稳定，通过测试或确定性检查提供无行为变更的证据。
website-audit
对线上网站进行只读的技术与转化审计，作为 B2B 网站重建前的基线快照。可爬取同源页面（默认 10 页），检查移动端布局、Bug、无障碍、性能、转化路径与 SEO 基础，输出 Markdown 报告、JSON 原始数据与截图。
i18n-localization
面向开发者的国际化与本地化实践参考，涵盖硬编码字符串检测、翻译键管理、locale 文件组织与 RTL 支持，提供 React、Next.js、Python 的实现模式与检查脚本。
react-patterns
React Patterns 是一套面向生产级 React 应用的开发原则与模式集合，涵盖组件设计、Hooks、状态管理、React 19 新特性、组合模式、性能优化、错误处理、TypeScript 与测试等主题，帮助开发者按场景选择合适方案。
cjk-text-and-input
面向 CJK（中、日、韩）文本换行与 IME 输入法组合问题的前端调试技能，处理中途断词、Enter/229 误触发、字素计数错误等仅靠英文测试无法暴露的缺陷，并给出修复与回归建议。
css-transition-animation-contracts
用于审查或实现 dialog、popover 等顶层元素及 display:none 切换 UI 的进入/退出过渡的检查清单，聚焦离散属性过渡、过渡完成事件可靠性及相关陷阱，而非动画教程。
datetime-correctness
针对日期时间正确性问题的前端技能，处理时区、DST、纯日期解析、floating local 输入、SSR 与服务端时区差异，以及 instant 与 wall-clock 的区分，避免在 UTC 环境下不可复现的日期时间缺陷。
deeplink-hydration
用于排查 SPA/SSR 深链接在首屏渲染时丢失 query 参数或落到错误页面的问题，重点关注路由水合完成前 router 状态滞后于真实 URL 的窗口期。
design-to-code-fidelity
用于在实现或评审界面时对照设计稿排查视觉差异的前端技能，强调按证据分级报告还原度，避免把静态审计或不可复现的比对当作严格像素校验。
frontend-auth-flow-contracts
用于实现或审查前端认证流程的技能，涵盖登录、注册、密码重置、邮箱验证、一次性验证码、Passkeys/WebAuthn、认证回调和敏感账户操作，强调把认证界面视为浏览器与后端之间的契约。
frontend-data-fetching-cache-contracts
前端数据读取与缓存契约技能：排查客户端数据读缓存的陈旧与浪费问题，覆盖查询键设计、失效匹配、请求瀑布、staleTime/gcTime、分页缓存与 Apollo fetchPolicy 等，帮助定位写操作后读不刷新的缺口。
frontend-report-triage
frontend-report-triage 是一个前端问题分诊技能，用于处理模糊或多症状的前端缺陷报告、QA 备注、支持工单等，通过归类问题、识别证据缺口，路由到最少的后续技能。
frontend-security-baseline
前端安全基线技能，用于发布前进行“陷阱优先”的客户端安全加固检查，聚焦不安全 HTML 注入、消毒器误用、CSP、令牌存储、CSRF、导航与供应链等非显而易见的前端安全隐患。
i18n-copy-and-layout
用于多语言 UI 文案与布局审查：翻译后按钮/标签溢出、德语芬兰语长复合词无法换行、复数与格式硬编码等问题。核心是把文案当作变长、变序、变形的数据，并用真实译文或伪本地化验证。
iframe-embed-contracts
用于排查 iframe 嵌入/被嵌入场景的宿主-访客契约故障，涵盖可嵌入策略、sandbox、就绪握手、postMessage 鉴权、动态尺寸、分区存储与销毁清理，附快速检索命令与双源验证测试。
js-form-validation-contracts
用于在 react-hook-form、Formik、vee-validate、Final Form、TanStack Form 等 JS 表单库配合 schema 校验器时，排查和修复校验生命周期问题，如过早报错、错误不清除、提交按钮卡死、服务端错误映射错误与异步竞态。
media-capture-device-contracts
该技能用于处理浏览器摄像头与麦克风采集的会话生命周期问题，而非一次性权限检查。它覆盖 getUserMedia() 请求、轨道归属、异常分类（NotAllowedError、NotFoundError、NotReadableError、OverconstrainedError 等）、设备插拔与切换、静音/取消静音、临时中断、设备替换、延迟解析与卸载清理等场景。核心契约是：请求预期轨道、如实呈现失败、不承诺浏览器会重新弹出权限提示、在不泄漏采集的前提下替换设备、释放页面拥有的每条轨道。适用于前端音视频采集流程的调试、修复与回归验证，并明确与 iframe 嵌入、WebView 桥接、用户激活、录制收尾等相邻技能划清边界。
overlay-focus-scroll-contracts
面向模态框、对话框、抽屉、弹出层等浮层组件的技能，聚焦焦点陷阱与恢复、背景交互性、滚动锁定、关闭方式及嵌套堆叠等运行时行为，使浮层生命周期可显式定义并做回归测试。