firebase-platform
面向 Angular 项目的 Firebase 平台参考指南，涵盖 AngularFire SDK 与 Firebase Data Connect（GraphQL + PostgreSQL）的集成要点、安全规则与 NgRx Signals 用法。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,292 个结果
tamagui-best-practices
面向 Tamagui v1.x 的进阶实践技能，覆盖 Config v4、编译器优化、styled context 与跨平台样式，适用于编写 Dialog、表单、动画、浮层等组件前先加载对应模式文件。
aceternity-ui
Aceternity UI 是一套面向 Next.js 的动画 React 组件库，含 100+ 组件，基于 Tailwind CSS 与 Framer Motion，通过 shadcn CLI 复制到项目内，便于定制，适合 hero 区、视差、3D 效果等场景。
react-hook-form-zod
基于 React Hook Form 与 Zod 的类型安全 React 表单技能，用于表单校验、字段数组、多步表单等场景，含模板与参考文档。
tailwind-v4-shadcn
用于在 Vite + React 项目中生产级配置 Tailwind CSS v4 与 shadcn/ui 的技能，着重避免 v4 常见配置错误，涵盖四步主题架构、暗色模式与语义色令牌。
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 交付的场景。
normalize
normalize 是一个前端技能，用于审查并重新对齐 UI，使界面符合设计系统标准、间距、设计令牌与既有模式，适合处理一致性、设计漂移、样式不匹配等问题。
mckinsey-deck
将用户提供的内容制作成麦肯锡风格演示文稿的技能：生成1280×720可翻页HTML演示，并可打印为逐页PDF。核心引擎为单文件assets/deck_engine.py，供其他deck技能复用。
scrollcraft
Scrollcraft 是用于制作滚动驱动型高端落地页的技能：把滚动条当作时间轴，页面如同有文字的影片，各节段表现各异以维持访客兴趣。适用于滚动叙事、滚动动画站点、Apple 式落地页等需求，产出含访谈简报、页面语法、旅程图、感受曲线、签名动作、真实 HTML 页面与截图验证。
prd-to-html
prd-to-html 是一个技能，用于把 PRD（或规格、issue）转换成一个自包含的交互式 HTML 页面，内联 CSS 与 JS、无需网络和依赖，便于将需求文档可视化，输出到 docs/<slug>.html。
facebook_cli
facebook-cli 是一个通过命令行读取和管理个人 Facebook 数据的工具，支持帖子、评论、反应、好友、时间线、个人资料、故事、信息流、群组、活动、收藏与 Marketplace 等操作，个人内容多为只读。
improve-svelte
improve-svelte 是一个只读的 SvelteKit 代码库审计技能：以 svelte-vitals 扫描结果为证据，由资深 Svelte/SvelteKit 视角判断优先级，产出可交给其他（含低成本）智能体执行的实施计划，自身从不修改源码。
setup-svelte-vitals
用于在 SvelteKit 项目中配置 svelte-vitals 的技能：先检查项目已有的 markuplint、eslint-plugin-check-file 配置与目录命名，推导出 svelte-vitals.config，并用真实扫描器测量候选值后再写入，不覆盖已有配置。
mira
Mira 是一个为 Agent 提供本地可视化工作区的技能，可将本地 Markdown、HTML、图片和视频放入画布，便于预览、对比与保留多轮任务的视觉上下文。
additional-htmx-and-flask-instructions
为 HTMX 与 Flask 组合开发提供补充说明的技能，重点涉及 Jinja2 模板与 HTMX 属性、Flask-WTF 的 CSRF 防护、请求对象处理、数据库迁移、错误处理与日志、应用工厂模式及环境变量配置。
design-systems
面向设计系统与 CSS 的技能集合，通过 MCP 工具提供设计令牌与组件语义检索、CSS 文档与浏览器兼容查询，以及基于自然语言的 AI UI 组件生成。
image-optimization-rules
面向 React 组件的图片优化规则技能，通过 WebP 格式、尺寸数据和懒加载提升页面性能，并包含强制性的记忆协议步骤。
observer-hoc-or-useobserver-hook
该技能用于在响应式组件中使用 observer 高阶组件（HOC）或 useObserver 钩子。资料仅提供用途简述与内存协议，未说明具体框架、安装方式、参数、示例或限制。
vueuse-library-rule
VueUse 库使用规则技能，鼓励在项目中尽可能使用 VueUse 函数以增强响应性与性能，并包含强制性的记忆协议步骤。
uiux-react-jsx-packager
将现有 React UI/UX 演示打包为单个自包含 .jsx 文件的技能：默认导出根组件，运行时仅依赖 React，样式内联，图标改内联 SVG，图片改 base64 或占位符，导航改用组件状态，并保留原有交互与动画。
om-ds-guardian
Open Mercato 的设计系统守护技能，用于前端 UI 开发与设计系统合规审查，检查硬编码颜色、任意字号、原生表单控件、内联 SVG、raw fetch 等违规，并支持迁移、脚手架与健康报告。
frontend-skill
Frontend Skill 是面向视觉驱动型前端任务的技能，适用于落地页、网站、应用、原型、演示或游戏 UI。它强调克制的构图、图像主导、清晰层级与少量有意义的动效，目标是做出有意图、高级且当下的界面。
hyperframes
HyperFrames 是一套以 HTML 为唯一事实来源的视频合成框架：用 data-* 属性控制时间轴、GSAP 做动画、CSS 定外观，可制作画面、动画、标题卡、叠加层、字幕、配音、音频可视化与转场。
next-upgrade
依据官方迁移指南与 codemod 将 Next.js 项目升级到最新版本，适用于版本升级、运行 codemod 或迁移场景。