koubou
Koubou 是一个用 HTML/CSS 模板生成 App Store 截图的工具，内置 100 多个真实设备边框，支持 xcstrings 本地化与 Apple 像素尺寸，可为 iPhone、iPad、Mac 和 Watch 制作专业截图。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,913 个结果
next-upgrade
next-upgrade 是一个用于将 Next.js 项目升级到最新版本的技能，依据官方迁移指南和 codemod 执行升级，涵盖版本检测、依赖更新、破坏性变更处理与构建测试。
accessibility-design-checklist
无障碍设计清单技能：作为无障碍与 WCAG 合规设计专家，用于生成网页与移动端的可访问性检查清单和审计，覆盖 WCAG 2.1 AA/AAA、Section 508 及包容性设计。
react-native-patterns
React Native 组件与交互模式技能，覆盖 Pressable 触摸、FlashList 列表、底部弹层、无障碍、导航及 RN 与 Web React 的差异。适用于构建可维护的移动端界面。
webpack
面向 Webpack 打包器的使用指南技能，覆盖配置、loader、plugin、代码分割、优化与开发环境搭建，适用于打包 JS/CSS/资源、处理多入口、缓存与 dev server 等场景。
theme-factory
为 AiderDesk 添加新 UI 主题的技能：通过编写 SCSS 颜色变量、注册主题类型并补充 i18n 显示名称来完成主题创建。
state-management
面向 React/Next.js 的状态管理指南技能，讲解 useState、URL 状态、Server Component、Context 与 Zustand 的选型与实现，涵盖表单状态、持久化、性能优化与常见误区。
vercel-geist-design-system
社区技能：将 Vercel 的 Geist 设计系统应用于 React/Next.js/Vite/Astro/Svelte/Vue/HTML/CSS 与 Tailwind 等前端渲染界面，使其呈现精确、冷静、高对比、面向开发者的生产级观感。非官方 Vercel 指引。
feedback-issue
MoviePilot 的问题反馈技能，用于把已确认的 Bug 或功能请求整理成结构化中文 GitHub Issue，并提交到正确的上游仓库（主程序、前端或插件仓库）。仅在用户明确要求反馈 issue 且已完成本地诊断时使用。
css-debug
用于诊断 CSS 与前端布局问题的技能，覆盖定位、溢出裁剪、Tailwind 类冲突、z-index 层叠及 React 组件渲染等场景，提供排查清单、浏览器控制台调试命令与修复模式。
astro
Astro 网页框架的构建技能，帮助创建 Astro 组件与页面、配置 SSR 适配器、设置内容集合以及部署静态站点。该技能为代理提供 Astro 使用指南与工作流，并强调应查阅 docs.astro.build 获取最新 API。
remotion-best-practices
Remotion 最佳实践技能，用于在 React 中创建视频。当处理 Remotion 代码时可调用此技能获取领域特定知识，涵盖项目搭建、动画、素材引用、字幕、音频、3D、字体、转场等主题。
ziflux-expert
ziflux 是面向 Angular 22+ 的 SWR（stale-while-revalidate）缓存库，为 resource() 增加数据生命周期管理，零依赖、信号原生。本技能提供 cachedResource、cachedMutation、DataCache 等 API 的深度用法指导。
maplibre-react
在 React 中集成 MapLibre GL JS 的实践指南，覆盖地图初始化、GeoJSON 数据源、聚合、自定义图层与事件标记，适合构建战术地图类界面。
tailwind-ui
面向 Tailwind CSS 的样式与组件模式专家技能，覆盖实用类优先、移动端优先响应式设计、深色模式、主题一致性与可访问性。适用于编写、审查和排查 Tailwind 样式问题。
react-native-project-creater
为 React Native 提供一键创建项目的技能，覆盖项目初始化、配置与模板生成；可在 React Native CLI 与 Expo 之间选择，配置 TypeScript、打包器与原生依赖，并搭建包含导航和状态管理的初始结构。
web-artifacts-builder
web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。
responsive-design
Responsive Design 是一套与框架无关的响应式设计技能，帮助界面在任意屏幕尺寸、输入方式与用户设置下保持可用可读。它提供基础、布局、输入、内容与测试等参考规则，并给出反模式与严重度判定标准。
astrowind
Astro 5.0 + Tailwind CSS 落地页与博客模板，带暗色模式、RSS、SEO 优化和 PageSpeed 满分。使用 TypeScript 与 MDX，npm 管理依赖，本地开发端口 4321，输出到 dist 目录。
markstream-nuxt
面向 Nuxt 3/4 应用的技能说明，介绍如何集成 markstream-vue，处理 SSR 安全边界、仅浏览器端依赖、样式引入及渲染模式选择，适用于需要在 Nuxt 中流式渲染 Markdown 的场景。
radix-ui
Radix UI Primitives 技能：用无样式的 React 底层组件构建可访问的界面，内置键盘导航、焦点管理与 ARIA 支持，适合搭建设计系统与自定义组件。
tailwindcss-development
该技能用于使用 Tailwind CSS v4 工具类为应用添加样式，在添加样式、重构组件、处理渐变、间距、布局、Flex、Grid、响应式设计与暗色模式等场景下激活。技能强调遵循项目既有 Tailwind 约定、提取重复模式为组件、注意类名位置与优先级，并避免使用 v4 中已废弃的工具类。文档方面可通过 search-docs 查询 Tailwind CSS v4 的详细模式与文档。使用上采用 CSS 优先配置，通过 @theme 指令在 CSS 中配置，不再需要独立的 tailwind.config.js，导入方式使用 @import "tailwindcss" 而非 v3 的 @tailwind 指令；已废弃工具类需替换，例如 bg-opacity-* 改为 bg-black/*、flex-shrink-* 改为 shrink-*、overflow-ellipsis 改为 text-ellipsis。同级元素间距优先用 gap 而非 margin，项目若支持暗色模式则新组件须同样以 dark: 变体支持。
svar-svelte
SVAR Svelte 是一组 @svar-ui/svelte-* UI 组件包的技能路由说明，用于在构建、配置、样式化或修改这些 Svelte 组件时定位到对应包的文档入口。
syncfusion-javascript-common
Syncfusion JavaScript 控件的通用工具与功能技能，覆盖安装配置、动画、拖放、全球化（RTL、本地化、i18n）、状态持久化与安全实践，适合在 Web、桌面或移动项目中统一增强控件行为。