القائمة
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";