Agent Skills Hub

server-components

Next.js React Server Components (RSC) 指南，涵盖服务器与客户端组件边界、数据获取及组合模式。

livewire-development

开发反应式 Livewire 4 组件，处理 wire 指令、状态管理、实时更新、组件测试，并整合 Flux UI 以构建高性能 Laravel 应用程序。

tailwind-design-system

利用 Tailwind CSS v4 构建可扩展的设计系统，包含 CSS 优先配置、设计标记、组件变体与响应式模式。

web-component-design

掌握 React、Vue 和 Svelte 的组件驱动开发。学习进阶组合模式、CSS-in-JS 策略及用于可扩展 UI 设计系统的组件 API 设计。

vue-typescript

专为使用 TypeScript 构建 Vue 3 应用程序所设计的技能，涵盖组合式 API (Composition API)、Pinia 状态管理、Vue Router 以及自定义组合式函数 (Composables)。

frontend

Preact 与 Tailwind 的前端编码规范。适用于集群应用程序的网页 UI 组件开发。

web-frameworks

全栈网页开发套件，整合 Next.js (SSR/RSC/App Router)、Turborepo 单体库管理及 RemixIcon 图标库。专为现代 React 开发、高性能构建与可扩展架构设计。

htmx-rust

使用 Rust、Axum 与 HTMX 构建交互式超媒体 Web 应用程序，无需复杂的 JavaScript 框架即可实现动态与实时 UI 更新。

shadcn-ui

实现 shadcn/ui 组件：包含安装、Vite/TanStack Router 配置、CLI 命令管理及 Tailwind CSS 集成。

Frontend Components

为 Django 生产环境服务器与工作程序提供标准化配置与管理。

pix

一个自动化的 UI 实现代理，利用 Figma MCP 和浏览器渲染验证，将 Figma 设计转换为像素级精确的代码。

react-vite-best-practices

React 与 Vite 性能优化指南。适用于编写、审查或优化基于 Vite 构建的 React 组件。