stitch-uview-components
将 Stitch 设计稿转换为 uni-app + Vue 2 + uView 2.0 页面与组件的技能，通过 Stitch MCP 获取屏幕元数据与 HTML，并按 uView 2 组件契约生成模块化代码。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,033 个结果
stitch-uviewpro-components
将 Stitch 设计转换为 uni-app + Vue 3 + uView Pro 页面与组件的技能。通过 Stitch MCP 的 get_screen 获取屏幕元数据与 HTML，用脚本可靠下载，并强制使用 u-* 组件、rpx 与 script setup 契约。
stitch-vue-bootstrap-components
该技能用于将 Stitch 设计稿转换为模块化的 Vite/Vue 3 与 Bootstrap 组件，需用户明确提到 Stitch 并指定 Vue 3 + Bootstrap 技术栈。通过 Stitch MCP 的 get_screen 获取设计数据，并借助脚本可靠下载 HTML。
stitch-vue-layui-components
将 Stitch 设计转换为模块化 Vite/Vue 3 与 Layui-Vue 组件的技能，通过 Stitch MCP get_screen 获取屏幕元数据与 HTML，用脚本提高下载可靠性，并强制使用 Vue 单文件组件结构和 Layui-Vue 组件契约。
stitch-vue-vant-components
将 Stitch 设计稿转换为模块化 Vite/Vue 3 + Vant 4 移动端组件的技能，仅在用户明确提到 Stitch 时使用。通过 Stitch MCP get_screen 获取屏幕元数据与 HTML，并用脚本可靠下载；强制 Vue SFC 结构与 Vant 4 组件契约。
astro-assets
用于在 Astro 中优化图片与资源，涵盖 <Image />、<Picture />、getImage()、Fonts API 与 OG 图片生成，并提供 Cloudinary、Imgix 等 CDN 集成参考。
astro-integrations
用于在 Astro 项目中通过 @astrojs/* 集成添加 React、Vue、Svelte、Solid、Preact 等 UI 框架的技能，涵盖安装、配置与多框架共存注意事项。
cmd-setup-phoenix-duskmoon
这是一个用于在 Phoenix 项目中搭建 DuskMoon UI 系统的命令型技能。它指导将项目前端基础设施迁移到 Elixir 原生工具链：用 duskmoon_bundler 替代 esbuild、Tailwind CLI、bun 和 Node.js，用 phoenix_duskmoon 组件库替代 core_components.ex，升级到 Tailwind CSS v4 并移除 DaisyUI。技能涵盖更新 CLAUDE.md 约定、改造 CSS 入口、替换组件调用、切换 mix 依赖、配置 bundler、添加开发服务器插件与 watcher、更新构建别名与布局资源标签、添加根 package.json、安装依赖，并报告缺失功能。适用于需要统一 Phoenix 前端 UI 与构建链的开发者，尤其是从 esbuild/tailwind/bun 迁移的项目。
htl-scripting
用于编写、编辑和审查 AEM HTL（HTML 模板语言）脚本的技能。HTL 是 AEM 组件的服务端模板系统，文件本身是合法 HTML，逻辑写在 ${表达式} 与 data-sly-* 属性中，输出时这些属性会被剥离。
project-scaffolding
面向新项目创建的 IDE 级脚手架向导技能，支持 70+ 项目类型（HTML/CSS 网站、React、Next.js 等），可按步骤配置 SDK、框架、数据库、代码检查与 CI/CD，并借助版本清单保证依赖版本新鲜度。
slidev
Slidev 是面向开发者的基于 Web 的演示幻灯片工具，使用 Markdown、Vue 组件、代码高亮、动画与交互功能制作幻灯片，可导出 PDF、PPTX 或作为 SPA 托管。
frontend-errors-animation-jank
前端动画卡顿诊断技能，用于排查掉帧、滚动卡顿、CSS 过渡抖动、点击响应慢或 INP 指标退化等问题，帮助定位根因并给出修复方向。
chat-ui
来自 ui.inference.sh 的 React/Next.js 聊天界面构建组件，包含容器、消息、输入框、打字指示器和头像等，基于 Tailwind CSS 与 shadcn/ui 设计令牌，可通过 shadcn 命令安装。
widgets-ui
widgets-ui 是来自 ui.inference.sh 的声明式 UI 组件方案，可从 JSON 结构渲染丰富的交互界面，面向 React/Next.js 项目，用于把智能体返回的结构化响应转成表单、卡片等界面。
pinia
Pinia 是 Vue 官方推荐的状态管理库，主打直观易用与类型安全，同时支持 Options API 和 Composition API 两种写法，并提供完善的 TypeScript 支持与开发者工具集成。本技能基于 Pinia v3.0.4（生成于 2026-01-28），围绕实际开发中的常见需求组织内容，涵盖 Store 的定义与使用（state、getters、actions、storeToRefs、订阅）、插件扩展、在 Store 内使用 Vue 组合式函数、Store 之间的组合与循环依赖规避、单元测试（@pinia/testing、mock、stub）、在组件外（如导航守卫、插件、中间件）使用 Store，以及 SSR、Nuxt 集成与 HMR 等进阶主题。适合在 Vue 或 Nuxt 项目中定义和管理全局状态、编写可测试的 Store 逻辑，以及处理服务端渲染下的状态注水等场景。
vue-best-practices
Vue 最佳实践是一套面向 Vue.js 任务的技能指令集，要求按既定工作流执行。它默认推荐 Vue 3 + Composition API + `<script setup lang="ts">` 加 TypeScript 的标准写法，并覆盖 Vue 3、SSR、Volar 等内容。技能强调先确认架构再编码，编码前先规划组件边界，应用响应式、单文件组件（SFC）结构、组件数据流与组合式函数等核心基础，仅在有明确需求时引入可选特性，并在功能正确后再做性能优化。最后提供完成前的自检清单，确保响应式模型精简可预测、组件职责聚焦、数据流契约显式且有类型。
vue-testing-best-practices
Vue.js 测试最佳实践技能，覆盖 Vitest、Vue Test Utils、组件测试、mock 与 Playwright 端到端测试，针对测试常见陷阱给出对应参考章节。
inertia
一份关于在开发前端功能时如何有效使用 Inertia 的说明，重点介绍使用 Inertia + React 时的导航与表单处理方式，包括用 router.visit() 或 <Link> 代替传统链接，以及使用 Inertia 提供的 Form 组件处理表单、错误与提交状态。
react-nextjs
面向 React + Next.js App Router 的开发技能，适用于 .tsx/.jsx 文件、next.config 配置，以及 Server Components、数据获取、状态管理、表单、测试与样式的开发场景，强调 TypeScript 与提交前验证。
odoo-grill-me
odoo-grill-me 是一个面向 Odoo 开发的追问式审查技能，通过一次一问的访谈压力测试模块方案、迁移、模型与视图设计、安全策略、OWL 前端改动及验证方式，直至形成共识设计。
tailwind
用于以 Tailwind CSS 构建设计系统或组件库的技能，涵盖设计令牌、CVA 变体模式与深色模式，并提供配置、组件、动画、工具函数与最佳实践等参考指南。
ns-xml-custom-components
用于编写 NativeScript XML 的技能：通过 xmlns 引入自定义组件、codeFile/cssFile/import 页面属性、ios:/android: 属性前缀与 <ios>/<android> 平台块，以及如何读懂构建报错与模板延迟抛错。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
changelog-page
为 Next.js 应用搭建公开更新日志页面的技能：从 GitHub Releases API 拉取发布记录，按次版本号分组展示，并生成 RSS 订阅源，无需登录即可访问。