tanstack-router-best-practices
TanStack Router 最佳实践技能，为 React 应用提供类型安全路由、数据加载、搜索参数与导航的规则集，按优先级分类，含正反示例。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,301 个结果
tanstack-start-best-practices
TanStack Start 全栈 React 应用最佳实践技能，涵盖服务端函数、中间件、SSR、认证与部署等规则，按优先级分类，用于指导数据变更、会话安全、渲染与生产部署等实现。
oma-mobile
oma-mobile 是面向跨平台移动应用开发的技能，用于实现 Flutter、React Native 或原生 Swift 应用，覆盖移动端界面、组件、平台集成与应用数据流。
polar-sh-nextjs-convex
面向 Next.js App Router 与 Convex 的 Polar.sh 计费集成技能，提供结账、客户门户、Webhook 接收与 Convex 权益同步的最小可复用模式，让 Polar 负责支付与订阅生命周期，Convex 作为权益与授权权威。
performance
基于 Lighthouse 性能审计的网页性能优化技能，聚焦加载速度、运行时效率与资源优化，按 Core Web Vitals 影响排序给出具体优化建议，并提供性能预算与前后指标对比。
flutter-frontend-for-adk
为使用 Agent Development Kit（ADK）编写的智能体构建 Flutter 前端的分阶段技能，覆盖智能体发现、前端需求与架构定义、界面设计、脚手架实现及工作区集成与文档更新。
generating-experience-react-site
用于在 Salesforce 上创建或配置承载 React 应用的 Digital Experience Site 的技能，生成 Network、CustomSite、DigitalExperienceConfig、DigitalExperienceBundle 及 sfdc_cms__site 内容类型等最小站点基础设施，使 React 应用可由 Salesforce 提供访问。
implementing-webapp-file-upload
Salesforce 提供的 React Web 应用文件上传功能包，仅导出编程 API（upload、createContentVersion、getCurrentUserId），支持上传进度跟踪与 ContentVersion 记录关联，UI 需自行构建。
web-artifacts-builder
用于构建复杂多组件 claude.ai HTML 工件的工具套件，基于 React 18、TypeScript、Vite、Parcel、Tailwind CSS 与 shadcn/ui，可将前端项目打包为单个自包含 HTML 文件。
startup-problem-grilling
面向创业问题验证的质疑式技能：在验证或产品范围界定前，用尖锐问题压力测试已记录的问题，可选输出单文件 HTML 制品。
startup-problem-ledger
用于把日常痛点、重复任务或客户抱怨记录成问题账本，先厘清痛点再判断是否值得做产品，可输出单文件HTML工件。
startup-v1-feasibility
将创业想法收窄为可在2–4周内完成的 v1 楔子，用于验证最高风险假设，可选输出单文件 HTML 报告。仅当已有真实行为验证证据时给出构建计划，否则返回“尚不具备构建条件”并列出缺失证据。
browser-use
browser-use 是一个用于浏览器自动化的 CLI 工具，可跨命令保持浏览器会话，支持网页测试、表单填写、截图与数据提取。
Framer Expert
Framer 设计与开发专家技能，覆盖 Framer Motion 动画、交互原型、CMS 集成、响应式布局与生产站点构建，并通过 Framer MCP 服务器读取和操作 Framer 项目。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
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 交付的场景。
make-interfaces-feel-better
一套用于提升界面精致度的设计工程原则，涵盖排版、表面、动画与性能细节，适合在构建或审查前端 UI 代码时参考，帮助把零散的小细节组合成更完整的体验。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
1panel-websites
通过 1Panel MCP 查看或创建受控的静态站点与反向代理站点，适用于站点清单查询和经明确授权的站点创建，不涉及部署上传、删除或任意 Web 服务器配置。
stitch-delivery-harness
用于把 Stitch 页面交付为可编辑 HTML 与美工稿闭环的技能：管理可恢复的证据流程，验证 HTML、尺寸、文案与可编辑性，生成比较证据，经用户明确批准后归档。
stitch-react-native
将 Stitch 屏幕转换为 React Native 组件，或同步现有原生组件；面向 iOS/Android 的 View、Text、StyleSheet 与原生导航场景。React DOM 或 Vite Web 页面应改用 stitch-react-components。
stitch-react-vite-dashboard
把 Stitch 设计实现为 React/Vite 数据看板，适用于需要 TanStack Query、表格、筛选、异步状态与设计 token 一致性的场景。普通展示组件改用 stitch-react-components；链上只读数据仅在明确请求时加入。
astro-seo
astro-seo 是一套面向 Astro 6 站点的 SEO 实践指南与参考集合，覆盖 meta 标签、Open Graph、Twitter Cards、JSON-LD 结构化数据、站点地图（sitemap）、RSS、robots.txt、canonical URL、hreflang 以及 Core Web Vitals 等主题。资料强调 Astro 默认零 JavaScript、静态输出与 Islands 架构对 SEO 的天然优势，并给出 Head 组件模式、使用 Astro.site 构造绝对 URL、以 set:html 注入 JSON-LD 等实现要点。适用于需要在 Astro 项目中系统化搭建 head 元数据、富媒体摘要、搜索索引与多语言 SEO 的场景。该资料同时规定了一套必须遵循的代理工作流：实现前用 TeamCreate 生成 3 个代理分别探查代码库、研究最新 SEO 最佳实践、查阅 Astro 6 sitemap/RSS 集成文档，实现后运行验证步骤。具体收费、价格与获取方式暂未提供。
astro-starlight
Astro Starlight 是 Astro 的生产级文档主题，内置全文搜索（Pagefind）、深色/浅色模式、i18n 与插件生态，适合搭建技术文档与 API 参考站点。该技能说明围绕 Starlight 的侧边栏配置、Pagefind 搜索、博客、OpenAPI、Typedoc、版本化、i18n 与 llms.txt 等主题，并涉及 Content Layer API（docsLoader、schema）与 CSS 自定义属性主题化，不覆盖 Starlight 之外的通用 Astro Content Layer 或非 Starlight 的 i18n 路由。