菜单
FivFold UI Kits conventions for React/Next.js projects. Use when working with FivFold Kits (Email, Kanban, Chat, Auth), import paths, theming, Tailwind CSS v4, shadcn/ui components, or kit customization.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | fivfold-kits |
| description | FivFold UI Kits conventions for React/Next.js projects. Use when working with FivFold Kits (Email, Kanban, Chat, Auth), import paths, theming, Tailwind CSS v4, shadcn/ui components, or kit customization. |
| license | MIT |
| metadata | {"author":"Fivex Labs","version":"1.0.0"} |
Conventions for using FivFold UI Kits in React and Next.js projects.
| Purpose | Import Path |
|---|---|
| shadcn/ui components | @/components/ui/<component> (or config aliases.ui) |
| FivFold Kits | @/components/ui/kits/<name> (or config aliases.kits) |
| Utilities (cn) | @/lib/utils (or config aliases.utils) |
"use client" at the topcn() for conditional class merging@import "tailwindcss" in CSS; no tailwind.config.jsbg-background, text-foreground, bg-card, text-muted-foregroundnpx @fivfold/ui list # see all available Kits
npx @fivfold/ui add <name> # add a Kit
npx @fivfold/ui add <name> --theme zinc # add with specific theme
| Kit | Description |
|---|---|
| Auth | Login, Register, ForgotPassword (Firebase, Cognito, Auth0, JWT) |
| Calendar | Month/week/day/agenda views, event creation, attendees, color categories |
| Chat | Real-time chat with threads and messages |
| Full-featured email client with folders, threads, compose | |
| Kanban | Drag-and-drop board with columns, tasks, priorities |
| Media Uploader | Direct-to-cloud uploads (S3, Azure Blob, GCS, Cloudinary, Dropbox) |
FivFold API scaffolding conventions for Express/NestJS backends. Use when working with FivFold API modules (Email, Kanban, Push, Chat, Media Uploader), Hexagonal architecture, ORM patterns (TypeORM, Prisma, Mongoose), or backend scaffolding.
FivFold UI Kits conventions for React/Next.js projects. Use when working with FivFold Kits (Email, Kanban, Chat, Auth, Media Uploader), import paths, theming, Tailwind CSS v4, shadcn/ui components, or kit customization.
Update the docs search index when adding or modifying documentation pages. Use when adding a new docs page, creating new documentation, or when asked to "update search" or "add to search".
FivFold API scaffolding conventions for Express/NestJS backends. Use when working with FivFold API modules (Email, Kanban, Push, Chat), Hexagonal architecture, ORM patterns (TypeORM, Prisma, Mongoose), or backend scaffolding.