shadcn-tailwind
面向 React 项目的 shadcn/ui + Tailwind CSS 组件库技能，用于构建可访问的界面组件与响应式布局，支持 Next.js、Vite、Remix、Astro 等框架。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,296 个结果
thehub-design-system
TheHUB 瑞典自行车赛事平台的 PHP 与前端开发规范技能，规定编码规则、CSS 令牌、页面模板、组件与数据库模式，用于在该项目中编写一致代码。
frontend-design
frontend-design 是一个前端设计工作流技能，用于创建具有高设计品质、风格鲜明的生产级前端界面，避免千篇一律的通用 AI 审美。适用于构建网页组件、页面、海报或应用时调用。
web-performance-optimization
用于优化网站与 Web 应用性能的工作流技能，覆盖加载速度、运行时性能与 Core Web Vitals（LCP、FID、CLS），并包含打包体积、图片与缓存等环节。资料未提供具体平台限制与收费信息。
shopify-hydrogen
Hydrogen 是 Shopify 的官方无头店面框架。该技能提供 Hydrogen 店面实现手册与可直接套用的配方，包括 B2B 商务、捆绑销售、组合商品列表、自定义购物车方法、动态内容等，面向使用最新 Hydrogen 版本编写界面代码的 Shopify 开发者。
hugeicons-free-package-usage
用于在 React、React Native、Vue、Angular 和 Svelte 中安装并使用 Hugeicons 公开免费 npm 包的技能，涵盖 @hugeicons/core-free-icons 的命名导入、框架包装组件 HugeiconsIcon/HugeiconsIconComponent 及常用属性、无障碍与 tree-shaking 实践。
hugeicons-pro-package-usage
介绍如何通过私有 registry 配置并使用 Hugeicons Pro 付费图标包，涵盖 React、React Native、Vue、Angular、Svelte 的安装、样式包选择、认证与常见故障排查。
next-intl-messages-and-formatting
用于在 Next.js 组件中编写与消费 next-intl 消息的技能，涵盖 ICU 语法、富文本、类型化参数、校验与 Intl 格式化。适用于消息目录结构、命名空间设计、翻译消费及本地化格式相关任务。
next-intl-routing-and-navigation
用于在 Next.js App Router 中配置和维护 next-intl 的语言路由与导航，覆盖 defineRouting、createMiddleware、createNavigation、localePrefix、本地化路径名、域名路由与语言切换器等场景。
next-intl-server-runtime
用于在 Next.js App Router 中配置 next-intl 请求运行时与服务端集成的技能，覆盖 i18n/request.ts、getRequestConfig、requestLocale、静态渲染、元数据、Server Actions、Route Handlers、错误文件与测试等场景。
next-intl-workflows-and-tooling
面向 Next.js 的 next-intl 工具链与本地化工作流技能，覆盖插件配置、TypeScript 类型增强、消息加载策略、缺失消息处理、校验与提取等。适用于 createNextIntlPlugin、AppConfig、Crowdin、useExtracted 等任务。
phaser
用于构建、审查、调试、迁移或规划 Phaser 4 HTML5 2D 游戏的技能，覆盖 Phaser.Game 与 GameConfig、场景、资源、物理、瓦片地图、渲染效果、框架嵌入、性能优化及 Phaser 3 到 4 升级。
tanstack-db
用于构建、审查、调试、迁移或规划 TanStack DB 客户端响应式数据的技能，覆盖集合、实时查询、乐观变更、同步引擎、本地持久化与离线队列，并指导从 TanStack Query 迁移。
tanstack-form-composition-and-ui-integration
用于 TanStack Form 应用级抽象与 UI 集成的技能，涵盖 createFormHook、createFormHookContexts、withForm、withFieldGroup 及类型化字段/表单上下文，帮助减少表单样板代码、构建可复用表单原语，并将第三方 UI 组件适配为 TanStack Form 字段。
tanstack-form-data-loading-and-submission-ux
面向 TanStack Form 的技能，聚焦表单数据加载与提交体验：异步初始值、TanStack Query 水合、提交元数据、提交无效后的 UX 与焦点管理。
tanstack-form-dynamic-fields-and-reactivity
用于 TanStack Form 的数组字段、联动字段校验触发、响应式订阅与监听器副作用的技能，帮助处理字段随表单状态或其他字段变化而响应的场景。
tanstack-form-react-runtime-integrations
面向 TanStack Form 的 React 运行时集成技能，覆盖 Next.js App Router 与 Server Actions、TanStack Start、Remix、React Native、devtools 与调试，帮助在 React 项目中正确选择运行时包并处理服务端校验与状态合并。
tanstack-query-fetching-and-cache
用于 TanStack Query 读取侧工作流的技能，涵盖查询键设计、缓存默认值、useQuery、useQueries、useInfiniteQuery、查询失效、重试与取消等。
tanstack-query-integration-and-rendering
面向 TanStack Query 的 SSR、水合与渲染集成技能，覆盖 Next.js Pages/App Router、路由预取、React Native 及流式渲染等跨运行时边界场景。
tanstack-query-mutations-and-sync
面向 TanStack Query 写入侧工作流的技能，覆盖 useMutation、乐观更新与回滚、写入后缓存失效与响应驱动写入、mutation 默认值与重试、离线与暂停 mutation、持久化缓存与多标签页同步等主题。
tanstack-router-file-based-routing-and-tooling
用于配置与维护 TanStack Router 基于文件的路由、生成路由树、虚拟文件路由、插件或 CLI 生成、懒加载路由拆分与 Devtools 等工具链的技能。
tanstack-router-overview-and-setup
用于 TanStack Router 首次安装配置与模式选择的技能：核对当前文档与发布快照、在文件式与代码式路由间取舍，并把任务分派到正确的 TanStack Router 子技能。
tanstack-router-route-trees-and-navigation
用于设计和维护 TanStack Router 路由树与导航流程的技能，覆盖代码式与文件式路由的嵌套、布局、无路径与索引路由、动态参数、Link/Navigate/useNavigate 及路由遮罩等主题。
tanstack-router-runtime-behavior-and-ssr
该技能用于处理 TanStack Router 路由匹配之后的运行时行为与 SSR，包括加载、错误、未找到边界、重试恢复、滚动恢复、导航拦截、文档 head 与脚本输出，以及 Router SSR 与水合注意事项。