Menu
Use this skill when choosing, installing, or citing Animal Island UI Tailwind components.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Use when migrating one animal-island-ui-tailwind component's styling from hand-written CSS to Tailwind v4 internal authoring (@theme + @utility + CVA) while keeping the semantic animal-* contract and rendered pixels unchanged, OR when porting a changed upstream component. Drives the per-component loop with a pixel gate and behavior tests.
使用 animal-island-ui-tailwind / animal-island-ui 设计风格创建 React UI 界面或组件。当用户需要： (1) 用动物森友会风格创建 UI 页面或组件； (2) 使用 animal-island-ui-tailwind 组件库开发界面； (3) 构建温馨自然、圆润可爱风格的 React 界面； (4) 复现或扩展 animal-island-ui 的视觉语言； (5) 提问"动物森友会风格"、"animal island 风格"、"可爱圆润风格"的 UI 时，务必使用此 skill。
| name | animal-island-ui |
| description | Use this skill when choosing, installing, or citing Animal Island UI Tailwind components. |
Animal Island UI Tailwind is a React component library inspired by Animal Crossing. It uses Tailwind CSS v4, Radix UI primitives, and TypeScript.
npm install animal-island-ui-tailwind
import "animal-island-ui-tailwind/style";
import { Button, Card } from "animal-island-ui-tailwind";