[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-782":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},782,"animal-island-ui","guokaigdg\u002Fanimal-island-ui","guokaigdg","Animal 风格的 React 组件库 灵感来源于任天堂《集合啦！动物森友会》 Vue 版同步发布  Animal Crossing-style React UI component library, inspired by Nintendo's game visuals Vue version available. ","https:\u002F\u002Fguokaigdg.github.io\u002Fanimal-island-ui\u002F#\u002F",null,"TypeScript",3203,269,8,3,0,89,298,1114,267,29.29,false,"main",true,[],"2026-06-12 02:00:18","# 🏝 Animal-Island-UI\n\n\n\u003Cdiv align=\"center\">\n    \u003Cimg src=\"docs\u002Fimg\u002Freadme-home.png\" alt=\"animal-island-ui\" style=\"border-radius: 12px; width: 40%; display: block; margin: 0 auto;\" \u002F>    \n\u003C\u002Fdiv>\n\u003Cdiv align=\"center\">\n一款参考《动物森友会》风格的 React UI 组件库\n\u003C\u002Fdiv>\n\u003Cbr\u002F>\n\u003Cdiv align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fguokaigdg\u002Fanimal-island-ui\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fguokaigdg\u002Fanimal-island-ui?style=flat-square\" alt=\"Stars\">\u003C\u002Fa>\n    \u003Ca href=\"LICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue.svg?style=flat-square\" alt=\"License\">\u003C\u002Fa>\n    \u003Ca href=\"LICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fanimal-island-ui.svg?style=flat-square\" alt=\"\">\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fguokaigdg\u002Fanimal-island-ui\u002Freleases\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Ftag\u002Fguokaigdg\u002Fanimal-island-ui?label=version&style=flat-square\" alt=\"Version\">\u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\u003Cbr\u002F>\n\u003Cp align=\"center\">\n    简体中文 | \u003Ca href=\".\u002Fdocs\u002FREADME.en.md\">English\u003C\u002Fa>\n\u003C\u002Fp>\n\n\n## 介绍\n\n本项目是基于 React + TypeScript 实现的轻量 UI 组件库，设计风格灵感来源于任天堂《集合啦！动物森友会》游戏界面，用于个人前端技术练习与组件化开发学习。\n\n所有视觉元素、布局、图标、动画均为独立设计实现，未直接使用任何任天堂官方美术素材、代码或资源文件。\n\n\n## 预览\n\n- 在线预览 (PC 端) [animal-island-ui-pc](https:\u002F\u002Fguokaigdg.github.io\u002Fanimal-island-ui\u002F#\u002F)\n- 在线预览（移动端）[animal-island-ui-mobile](https:\u002F\u002Fguokaigdg.github.io\u002Fanimal-island-ui\u002F#\u002F)\n\n## 安装\n\n```bash\nnpm install animal-island-ui\n```\n\n\n\n## 快速上手\n\n> ⚠️ **重要**: 请务必导入样式文件 `import 'animal-island-ui\u002Fstyle'`，否则组件将没有样式与字体!\n\n```tsx\nimport { Button, Card } from 'animal-island-ui';\nimport 'animal-island-ui\u002Fstyle';\n\nfunction App() {\n    return (\n        \u003Cdiv>\n            \u003CButton type=\"primary\">开始冒险\u003C\u002FButton>\n            \u003CCard color=\"app-blue\">\n                欢迎来到无人岛！\n            \u003C\u002FCard>\n        \u003C\u002Fdiv>\n    );\n}\n```\n\n## 文档\n面向不同场景的完整参考：\n\n| 文档 | 用途 |\n|---|---|\n| [`AI_USAGE.md`](.\u002FAI_USAGE.md) | 面向 AI 代码助手的使用手册，逐字收录全部组件 props、类型与默认值，附 19 条硬性规则与可复制样板，杜绝臆造 API。 |\n| [`DESIGN_PROMPT.md`](.\u002FDESIGN_PROMPT.md) | 一键复刻提示词，适配 v0 \u002F Figma AI \u002F Midjourney \u002F DALL-E，含色板、字体、尺寸表、Modal clip-path 与禁用清单。 |\n| [`skill\u002FSKILL.md`](.\u002Fskill\u002FSKILL.md) | 像素级样式规范 Skill，覆盖设计 token、全部组件精确 CSS、Demo 布局数值、CSS 变量模板与新组件开发 Checklist。 |\n| [`CONTRIBUTING.md`](.\u002FCONTRIBUTING.md) | 贡献指南 |\n\n\n## 本地开发\n\n```bash\n# 克隆仓库\ngit clone https:\u002F\u002Fgithub.com\u002Fguokaigdg\u002Fanimal-island-ui.git\ncd animal-island-ui\n\n# 安装依赖\nnpm install\n\n# 启动 Demo 开发服务器\nnpm run dev\n\n# 构建组件库\nnpm run build\n\n# 构建 Demo 站点\nnpm run build:demo\n```\n\n\n## 案例\n\n|\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fyunxinz\u002Fac-site-template\">ac-site-template\u003C\u002Fa>（动森主题个人网站模板）  |  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fxiaochong\u002Fhi-kid\">HiKid\u003C\u002Fa>（儿童教育练习英语口语和听力） | \n| --- | --- | \n|  \u003Cimg src=\"docs\u002Fimg\u002Fac-site-template.png\" alt=\"ac-site-template\" style=\"border-radius: 8px; width: 90%; display: block; margin: 0 auto;\" \u002F> | \u003Cimg src=\"docs\u002Fimg\u002Fhi-kid.png\" alt=\"HiKid\" style=\"border-radius: 8px; width: 90%; display: block; margin: 0 auto;\" \u002F>| \n\n\n\n## 注意事项\n\n- 本项目仅用于个人学习、研究与非商业展示，禁止任何形式的商业使用、二次售卖或盈利行为。\n- 不用于任何商业产品、企业项目、对外服务或付费模板。\n- 使用本组件库产生的任何风险由使用者自行承担。\n\n## 版权与免责声明\n\n- 本项目并非任天堂官方产品，与任天堂株式会社无任何关联、授权或合作关系。\n- 项目名称中包含的游戏名称仅为风格描述性引用，不构成商标使用或品牌关联。\n- 所有界面风格仅为设计灵感参考，不构成对原作品的复制或侵权。\n- 若版权方认为相关内容存在侵权嫌疑，可通过邮箱联系，本人将在第一时间进行整改或删除处理。\n\n## 联系方式\n\n如有问题或版权相关沟通，请通过 Issue 或邮件联系。\n\n## License\n\nMIT\n本项目基于 MIT 开源协议发布，仅限学习使用，作者不对因使用本库导致的任何法律问题或损失承担责任。\n","Animal-Island-UI 是一个基于 React 和 TypeScript 的 UI 组件库，其设计灵感来源于任天堂《集合啦！动物森友会》游戏界面。该项目提供了多种轻量级的组件，如按钮、卡片等，并且所有视觉元素、布局、图标和动画均为独立设计实现，未直接使用任天堂官方素材。该组件库适合用于个人前端技术练习与组件化开发学习场景中，也可以应用于需要类似《动物森友会》风格的非商业项目里。用户可以通过 npm 安装并轻松集成到自己的项目中，但需要注意的是，必须导入样式文件才能确保组件正确显示。此外，该项目强调了仅供个人学习及非商业展示使用，禁止任何形式的商业用途。",2,"2026-06-11 02:39:15","CREATED_QUERY"]