phaser4-character-frame-animation
该技能将 Phaser 4 人物的一组独立透明 PNG 帧,转换为锚点稳定的水平 spritesheet,并生成可直接接入 Phaser 的预加载与动画合同,内置跨帧质量门检查连贯性。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-25 00:14
11,084 个结果
该技能将 Phaser 4 人物的一组独立透明 PNG 帧,转换为锚点稳定的水平 spritesheet,并生成可直接接入 Phaser 的预加载与动画合同,内置跨帧质量门检查连贯性。
用于在 React 单页应用(SPA)中集成 WorkOS AuthKit 的客户端认证技能,适用于无 Next.js 或 React Router 服务端框架的项目。
这是一个用于构建生产级前端界面的技能,强调高设计质量与独特美学,帮助开发者避免千篇一律的“AI 味”界面。它适用于构建 Web 组件、页面或 UI 应用。技能引导在编码前先进行设计思考,明确用途、受众、技术约束与差异化亮点,并选定一个大胆的美学方向(如极简、复古未来、编辑杂志风、工业风等),再用 HTML/CSS/JS、React、Vue 等实现可运行代码。其美学指南覆盖字体、配色与主题、动效、空间构图、背景与视觉细节,并列出应避免的通用 AI 审美反模式。最终交付设计方向说明、可运行代码和关键设计决策解释。
Pinia 是 Vue 官方状态管理库,类型安全且可扩展,基于 v3.0.4。适用于定义 store、处理 state/getters/actions、实现 store 模式,支持选项式与组合式 API、TypeScript 和开发者工具。
用于审查 UI 代码是否符合 Web Interface Guidelines 的技能,可检查可访问性与设计规范,并按 file:line 格式输出问题。适用于“审查我的 UI”“检查可访问性”“审计设计”“审查 UX”等请求。
Pretty HTML PPT 是一个用于把笔记、脚本、报告或自媒体大纲转换成独立 HTML 网页演示文稿的技能,基于 12 套可复用视觉模板。输出为本地静态文件夹,含 index.html,可直接在浏览器打开或作为静态页分享。
面向无障碍的键盘焦点管理技能,涵盖焦点陷阱、roving tabindex、焦点恢复、跳转链接与 FocusScope 组件,帮助纯键盘用户操作模态框、标签页、菜单等复杂交互组件。
frontend-design 是一个用于生成独特、生产级前端界面的设计技能,支持新建、重做、打磨、QA 与 UX 流程五种模式,新建或重做时强制产出 3 个结构差异化的世界级方案,并附带完整 UX 架构。
Vue3 + Element Plus 管理后台开发规范技能,用于开发后台看板、CRUD 页面、权限管理与自定义组件,涵盖技术栈、目录结构、命名、组件、API、权限与样式约定。
Browser Extension Patterns 是一个用于构建跨浏览器扩展的技能资料,基于 Manifest V3 架构,覆盖 Chrome、Firefox 的兼容实现。内容包括标准的扩展目录结构(manifest.json、background、content、popup、options、icons、_locales)、Manifest 配置示例、后台 Service Worker、内容脚本、存储模式、弹窗 UI、跨浏览器兼容与权限策略等主题。资料同时给出了权限影响对照表与常见反模式提示,例如避免在 MV3 中使用 MV2 的持久后台页、避免申请 <all_urls> 权限、使用异步 chrome.storage API 等。适合需要开发或迁移浏览器扩展的开发者参考。
htmx 交互模式是一套基于超媒体驱动理念构建动态 Web 界面的技能,核心思想是“HTML over the wire”——由服务器渲染 HTML 片段,htmx 通过扩展 HTML 属性来发起 AJAX 请求并替换内容,从而无需编写 JavaScript。它通过 hx-get、hx-post、hx-put、hx-delete、hx-target、hx-swap、hx-trigger、hx-indicator 等属性控制请求方式、目标位置、插入策略、触发时机与加载提示。该技能涵盖局部页面更新、带防抖的实时搜索、行内编辑、无限滚动、懒加载、带 URL 状态的活动搜索、确认对话框以及服务器发送事件(SSE)等常见交互模式,并给出服务端片段与整页响应区分、HX-Trigger/HX-Retarget/HX-Reswap 响应头、OOB(带外)交换和 CSS 集成等做法,同时列出应避免的反模式。
一个用于在列表或卡片上下文中创建下拉菜单的前端模式,解决被父级 overflow 裁剪、被相邻卡片遮挡以及触发按钮重复开关三类问题,包含点击外部关闭、z-index 堆叠与菜单定位的完整实现要点。
面向前端应用的状态管理技能,指导区分本地与全局状态,并按场景选用 React Context、Zustand、Redux Toolkit 或 React Query 处理全局状态、复杂数据流与服务端数据同步。
用于审查 UI 代码是否符合 Vercel Web Interface Guidelines 的技能,可检查无障碍、设计审计与 UX 最佳实践,按 file:line 格式输出违规项。
Reka UI(原 Radix Vue)是一个无样式、以无障碍优先的 Vue.js 组件库,零样式、符合 WAI-ARIA,内置键盘导航与焦点管理。安装命令为 npm install reka-ui。
React 自定义 Hooks 模式集合,涵盖 useDebounce、useLocalStorage、useMediaQuery、useClickOutside 等常用可复用逻辑,适合在构建可复用 Hook 时参考。
Redux Toolkit 与 RTK Query 的状态管理技能,用于全局状态、API 缓存与复杂状态逻辑,涵盖 slice、thunk 与查询模式。
用于评估并升级 Next.js 项目的技能,依据当前官方发布与升级指南确定目标版本,再与已安装项目对比。内置脚本经 Next.js 15 到 16 测试,可检测项目状态、生成有序升级步骤并测量构建性能。
Agentation 是一个可添加到任意 React 项目的可视化反馈工具栏,用于在页面中进行标注与反馈。要求 React 18+,除 React 外无额外依赖,仅需安装并在入口文件中引入组件即可使用,推荐只在开发环境加载。
Better Auth UI 本地化技能,用于配置 @better-auth-ui/locales 的语言环境、语言匹配、消息覆盖与 SSR 语言一致性,覆盖 React、Solid 等 UI 集成。
跨框架前端代码基础精炼技能,支持 Vue2/Vue3/React 的 .vue、.js/.jsx、.ts/.tsx 文件。用于清理冗余代码、整理导入排序、统一代码结构、规范命名、增强 Props/Emits,不涉及新增组件、业务逻辑修改、提交信息生成与样式文件优化。
用于 React 18/19 应用的讲解、设计、实现、审查、重构、迁移与诊断的 React 专项技能,强调先确认版本与渲染路径,再按主题路由到对应参考文档。
基于 CSS 自定义属性与 data-theme 属性的多主题架构,内置 studio、earth、athlete、gradient 四套主题,支持主题感知组件与 URL 参数预览。
用于快速创建 React 原型并打包成单个 HTML 文件的技能,适合演示、交互实验或可分享的产物,不适用于完整应用。技术栈为 React 18 + TypeScript + Vite、Tailwind CSS + shadcn/ui,使用 Parcel 打包。