메뉴
Use this skill when choosing, installing, or citing Animal Island UI Tailwind components.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
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。
SOC 직업 분류 기준
| 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";