技能
小卡品牌 UI 技能
把小卡三个站的品牌系统沉淀成技能:说「用回小卡那套」,暖纸底、朱砂橙、宋体标题就能整套复用。

Overview
与名片技能分工不同:identity-card 只管电子名片,xiaoka-brand-ui 管整个品牌视觉与内容骨架——设计令牌、九套主题一键切换、SVG 细线图标库、组件与克制动效、内容 JSON 契约、浏览器接管测试 SOP 与品牌一致性审查清单,服务于个人站、拾影客栈工具页、AI 书站三个项目。私有仓库自用维护,内置跨工具安装脚本(Qoder / Claude Code 等)与交接文档,换电脑 clone 即恢复。
Features
核心特性

成品就是这三个站
个人站(本站)、拾影客栈工具页、AI 书站共用同一套品牌系统;技能内置每个项目的参考路径与组件出处,改版时先复用、再扩展,不会从零发明第二套。

九套主题一键切换
theme.css + themes.css + theme-switcher.js 三件套:暖纸橙红置顶、深色沉底,主题与动效开关都能持久化;浅色 / 深色首屏即切换实拍。

细到图标与文案语气
Logo 组合、SVG 细线图标库、字体子集(宋体标题 + Fraunces 拉丁)、卡片与入场动效、文案语气与内容框架模板,连名片组件的预览资产都随技能分发。
Stack
Design TokensCSS 主题系统SVG 图标库SKILL.md内容 JSON 契约