[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-94761":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":14,"stars7d":15,"stars30d":16,"stars90d":14,"forks30d":14,"starsTrendScore":14,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":14,"starSnapshotCount":14,"syncStatus":26,"lastSyncTime":27,"discoverSource":28},94761,"ChunUI","liseami\u002FChunUI","liseami","Define your palette. Ship the same texture. — Monochrome-quality SwiftUI design system extracted from Zinner (阿奇)",null,"Swift",171,14,121,0,5,35,49.53,"MIT License",false,"main",true,[],"2026-08-24 04:01:22","# ChunUI\n\n**Define your palette. Ship the same texture.**\n\nChunUI 是从生产级 iOS 应用 [Zinner（阿奇）](https:\u002F\u002Fzinnerapp.com) 中提取的 SwiftUI 设计系统——黑白灰阶 + 唯一品牌色的 Monochrome 质感、微拟物按钮、原生 sheet 标准、Metal shader 特效与点阵动画，全家桶开箱即用。\n\n**你只需要定义自己的配色，就能做出同质感的应用。**\n\n\u003Cp>\n  \u003Cimg src=\"docs\u002Fscreenshots\u002Fgallery-home.jpg\" alt=\"Gallery\" width=\"135\">\u003Cimg src=\"docs\u002Fscreenshots\u002Fbuttons.jpg\" alt=\"Buttons\" width=\"135\">\u003Cimg src=\"docs\u002Fscreenshots\u002Fcards-tags.jpg\" alt=\"Cards & Tags\" width=\"135\">\u003Cimg src=\"docs\u002Fscreenshots\u002Fai-effects.jpg\" alt=\"AI Effects\" width=\"135\">\u003Cimg src=\"docs\u002Fscreenshots\u002Fambient.jpg\" alt=\"Ambient\" width=\"135\">\u003Cimg src=\"docs\u002Fscreenshots\u002Fshader-zoo.jpg\" alt=\"Shader Zoo\" width=\"135\">\n\u003C\u002Fp>\n\n```swift\nimport ChunUI\n\n\u002F\u002F App 启动时，一行换肤\nvar colors = CCColors.default          \u002F\u002F Zinner 同款极致黑白粉\ncolors.primary = .hex(\"007aff\")        \u002F\u002F 换成你的品牌色\nChunUI.configure(colors: colors)\n\n\u002F\u002F 之后全组件族自动着装\nCCNeoButton(\"开始\", variant: .primary) { await start() }\nText(\"标题\").ccText(font: .cc.lgBold, color: .cc.foreground)\n```\n\n## AI Agent Skill\n\n仓库自带 `skills\u002Fchunui\u002F` —— 分门别类教 AI 编程助手搭出同级质感：\n- `SKILL.md` 入口：架构一图流 + 质感五铁律 + 常见坑\n- `usage\u002F` 用法三册：接入换肤 \u002F 呈现层（sheet·toast·alert·zoom）\u002F 特效动效\n- `components\u002Freference.md` 全组件逐类参考\n- `examples\u002F` **五个真实生产页面源码**（个人中心\u002F时间线\u002F收银台\u002FAI 分析卡\u002Ftabbar）——积木图纸\n\n**Claude Code**：\n\n```bash\n# 项目级（推荐，随仓库走）\nmkdir -p .claude\u002Fskills && cp -R \u002Fpath\u002Fto\u002FChunUI\u002Fskills\u002Fchunui .claude\u002Fskills\u002F\n# 或全局\ncp -R \u002Fpath\u002Fto\u002FChunUI\u002Fskills\u002Fchunui ~\u002F.claude\u002Fskills\u002F\n# 或经 skills CLI\nnpx skills add liseami\u002FChunUI\n```\n\n**Codex \u002F 其他 Agent**：把 `skills\u002Fchunui\u002FSKILL.md` 内容追加进项目 `AGENTS.md`（或在其中写一行指引：`ChunUI 用法见 skills\u002Fchunui\u002FSKILL.md`）。\n\n**Cursor**：拷入 `.cursor\u002Frules\u002Fchunui.mdc`。\n\n安装后，Agent 会在涉及 ChunUI 的任务里自动遵循组件规范与架构铁律。\n\n## 安装\n\nSwift Package Manager，iOS 18.6+（iOS 26 自动启用 Liquid Glass，18.6–25 同形微拟物降级）：\n\n```swift\n.package(url: \"https:\u002F\u002Fgithub.com\u002Fliseami\u002FChunUI\", branch: \"main\")\n```\n\n## 里面有什么\n\n| 域 | 内容 |\n|---|---|\n| **Theme** | `CCColors` 语义调色板（shadcn 同构：background\u002Fcard\u002Fpanel\u002Fmuted\u002Faccent\u002Fdestructive…）、`Font.cc` 三梯度字号铁律、`CGFloat.cc` 间距\u002F圆角令牌、`CCMotion` 全局动画曲线（reveal 零过冲 \u002F wave 微过冲错峰） |\n| **按钮** | `CCNeoButton` 微拟物五变体×三尺寸（async loading + glow\u002Fshake 按压）、`GlassButton`\u002F`MetalGlassButton`\u002F`GlassIconButton` 玻璃族（iOS 26 Liquid Glass \u002F 以下微拟物同形降级） |\n| **Sheet 标准** | `AppHelper.presentSheet(.form\u002F.half\u002F.compact\u002F.picker)` 原生 UISheetPresentationController 深度调参：detents\u002F脏态下拉确认\u002Fzoom 锚点转场\u002F贴底吞安全区 |\n| **Toast \u002F Alert** | `CCToastCenter` 单槽玻璃胶囊 toast（loading 常驻顶换）＋ 沉底双胶囊 Alert（Twitter 风，禁 UIAlert） |\n| **特效** | `CCAuroraLayer` AI 工作态极光（Metal）、`CCGeneratingCover` 呼吸点阵生成中质感、`CCFractalFloor` 九分形点阵地板、`CCSweepLight` 转场扫光、`ParticleDissolve` 粒子消散、Holographic\u002FMetaBalls\u002FSilk\u002FBeams\u002FNoise 全套 shader |\n| **氛围** | `FluidGradient` 流体渐变、`Orb` 拟物 AI 球（发光\u002F粒子\u002F波浪）、`CCRainbowBar` 彩虹进度、`CCSkeleton` 扫光骨架屏、`StreamingText` 流式打字 |\n| **表单\u002F卡片** | `CCInput`\u002F`CCTextArea`\u002F`CCToggle`\u002F`CCCheckbox`\u002F`CCDatePicker`、`CCAppleCard` 连续圆角三级软阴影、`CCCuteTag`\u002F`CCKeycapTag` |\n| **图标** | `PikaIcon` —— 1225 枚 24×24 stroke 模板矢量随包分发，可染色可缩放 |\n| **基建** | `VariableBlurView` 渐进模糊、`ccFloatingPageHeader` 页面 chrome 范式、相机\u002F相册选择器、`InAppBrowser`、Markdown 渲染 |\n\n## 设计哲学\n\n1. **唯一彩色**：灰阶承载一切层级，品牌色是页面上唯一的彩色——这是同质感的根。\n2. **三梯度字号铁律**：全应用只有 sm 13 \u002F base 17 \u002F lg 24 三个字号。\n3. **组件级触觉与埋点**：按钮自带按压反馈；`CCTrack.onTap` 接线座让宿主埋点系统零侵入接入。\n4. **配置即代码**：`ChunUI.configure(colors:strings:)` 是唯一初始化入口；文案表 `CCStrings` 可整体覆写做本地化。\n\n## 宿主可注入的接线座\n\n```swift\nChunUI.hapticsEnabled = userPrefs.haptics          \u002F\u002F 触觉总开关\nChunUI.sheetPresentHook = { _, name in Analytics.page(name) }  \u002F\u002F sheet 呈现埋点\nCCTrack.onTap = { Analytics.tap($0) }              \u002F\u002F 组件级点击埋点\nCCImageLoader.custom = { url, _ in                 \u002F\u002F 用 Kingfisher 接管网络图\n    AnyView(KFImage(url).resizable())\n}\nAppHelper.toastRouteResolver = { ... }             \u002F\u002F toast 气泡路由策略\n```\n\n## 依赖\n\n- [Pow](https:\u002F\u002Fgithub.com\u002FEmergeTools\u002FPow)（MIT）——按钮 glow\u002Fshake 按压质感，唯一第三方依赖。\n\n## 示例 App\n\n`Example\u002FChunUIGallery.xcodeproj` 是可直接运行的组件画廊（xcodegen 生成，引用本地包）——按 Foundation \u002F Controls \u002F Feedback \u002F Text \u002F Effects \u002F Ambient \u002F Icons 分区展示全部组件与特效。画廊源码在 `Sources\u002FChunUIDemo\u002F`，同时充当公开 API 面的编译级测试。\n\n```bash\nopen Example\u002FChunUIGallery.xcodeproj   # 选模拟器直接 Run\n```\n\n## License\n\nMIT.\n\n---\n\n*Extracted with care from Zinner. Texture is a feature.*\n","ChunUI 是一个面向 SwiftUI 的单色质感设计系统，源自生产级 iOS 应用 Zinner（阿奇），聚焦黑白灰阶基底与单一品牌色的统一视觉表达。核心功能包括语义化调色板（CCColors）、微拟物与 Liquid Glass 双模按钮、原生 sheet 深度封装、玻璃胶囊式 Toast\u002FAlert、Metal 加速 shader 特效（如极光、点阵、粒子消散）及氛围组件（流体渐变、拟物 AI 球等）。所有组件自动响应配色配置，支持 iOS 18.6+，向下兼容微拟物降级。适用于追求高品质 UI 一致性、需快速落地专业级质感的 SwiftUI 原生应用开发场景。",2,"2026-08-15 02:30:10","CREATED_QUERY"]