{"_id":"@andywongwithai/design-system","_rev":"2-54dcc9292a3755614f8834e744418d5a","name":"@andywongwithai/design-system","dist-tags":{"latest":"0.2.1"},"versions":{"0.2.0":{"name":"@andywongwithai/design-system","version":"0.2.0","_id":"@andywongwithai/design-system@0.2.0","maintainers":[{"name":"andywongwithai","email":"389626449@qq.com"}],"dist":{"shasum":"b7849f70f2feb28109f41bb42b4b994a8818c95e","tarball":"https://registry.npmjs.org/@andywongwithai/design-system/-/design-system-0.2.0.tgz","fileCount":31,"integrity":"sha512-wYnKde4C5crBg3rQYCdmwq0WJMJmJw3HL8QYydJ03XR0dJtPN0CCXUe4VGVK2PP4nO+JITD8RxGoeilNFlSrBg==","signatures":[{"sig":"MEQCIHQrvrbkzT+O0sue5NpWzuonWX3jvqRDu3K2Os+J6sqcAiB5GK9p3s4ZoQLLpg7C5H7TLoiKm6YU65LHPOPeYeIX3w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52040},"main":"./src/index.ts","types":"./src/index.ts","exports":{".":"./src/index.ts","./preset":"./tailwind.preset.js","./styles":"./src/styles/globals.css","./tokens":"./src/tokens/index.ts","./components":"./src/components/index.ts"},"gitHead":"76e368b5a0d3795d5617e287367086bc58aded89","scripts":{"lint":"echo 'add eslint when needed'","build":"tsc --noEmit && echo 'TS source published as-is (consumers need transpilePackages)'","typecheck":"tsc --noEmit"},"_npmUser":{"name":"andywongwithai","email":"389626449@qq.com"},"_npmVersion":"11.12.1","description":"Personal design system — Tailwind preset + React components, extracted from my-website","directories":{},"_nodeVersion":"24.15.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/node":"^20.14.10","tailwindcss":"^3.4.4","@types/react":"^18.3.3","@types/react-dom":"^18.3.0"},"peerDependencies":{"next":">=14","react":">=18","react-dom":">=18","tailwindcss":">=3.4","lucide-react":">=0.300"},"_npmOperationalInternal":{"tmp":"tmp/design-system_0.2.0_1781688157726_0.16351695677995437","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@andywongwithai/design-system","version":"0.2.1","description":"Personal design system — Tailwind preset + React components, extracted from my-website","main":"./src/index.ts","types":"./src/index.ts","exports":{".":{"types":"./src/index.ts","default":"./src/index.ts"},"./preset":{"types":"./tailwind.preset.d.ts","default":"./tailwind.preset.js"},"./styles":"./src/styles/globals.css","./components":"./src/components/index.ts","./tokens":"./src/tokens/index.ts"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"lint":"echo 'add eslint when needed'","typecheck":"tsc --noEmit","build":"tsc --noEmit && echo 'TS source published as-is (consumers need transpilePackages)'"},"peerDependencies":{"next":">=14","react":">=18","react-dom":">=18","tailwindcss":">=3.4","lucide-react":">=0.300"},"devDependencies":{"@types/node":"^20.14.10","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","react":"^18.3.1","react-dom":"^18.3.1","tailwindcss":"^3.4.4","typescript":"^5.5.3"},"gitHead":"701ee4feb61e40ee629c2f9ff552145b597201e8","_id":"@andywongwithai/design-system@0.2.1","_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-v6ibEe0Usxvr9RKgNLsX75BUv2NkKb/66Z19Aa2P5vp38+3MkmHRdXzSBgMSRVLOxt5GIQ4HaFzrfWl9qVIntA==","shasum":"53878e78ddf4b8571d802472fa1ebaba9ae5d9c8","tarball":"https://registry.npmjs.org/@andywongwithai/design-system/-/design-system-0.2.1.tgz","fileCount":32,"unpackedSize":52508,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC1eJJeIZNO2EmomBFdis/M9BZTUSxgrtcGQTb84kXNOwIgfZQStFKpVFy1qSJZztrB4tDWft+iJt5DV2R7ThXYwDI="}]},"_npmUser":{"name":"andywongwithai","email":"389626449@qq.com"},"directories":{},"maintainers":[{"name":"andywongwithai","email":"389626449@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system_0.2.1_1781689046221_0.22642869306918678"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-17T09:22:37.553Z","modified":"2026-06-17T09:37:26.478Z","0.2.0":"2026-06-17T09:22:37.862Z","0.2.1":"2026-06-17T09:37:26.359Z"},"description":"Personal design system — Tailwind preset + React components, extracted from my-website","maintainers":[{"name":"andywongwithai","email":"389626449@qq.com"}],"readme":"# @huangqianmin/design-system\n\n个人作品站视觉风格的统一资产 —— Tailwind preset + 可复用 React 组件，源自 `my-website` 项目的设计语言。\n\n## 特性\n\n- **Tailwind preset** —— 一行引入，主题/动画/工具类齐全\n- **核心组件** —— Navbar / BackgroundGlow / Button / IconBox / SectionHeader / ProjectCard / Tag / Footer / Eyebrow\n- **纯黑 + 玻璃质感** —— dark-only，Inter 字体，white-translucent 边框\n- **签名动效** —— 慢速脉动径向光晕、淡入上浮、错落延迟\n\n## 在新项目中使用\n\n### 1. 安装\n\n```bash\n# 在新项目里\nnpm install ../design-system\n# （先在 design-system/ 跑 npm install 安装 peer deps）\n```\n\n### 2. 引入 Tailwind preset\n\n```js\n// tailwind.config.ts\nimport preset from '@huangqianmin/design-system/preset'\n\nexport default {\n  presets: [preset],\n  content: [\n    './src/**/*.{js,ts,jsx,tsx,mdx}',\n    '../../design-system/src/components/**/*.{js,ts,jsx,tsx}',\n  ],\n}\n```\n\n### 3. 引入样式\n\n```css\n/* src/app/globals.css */\n@import '@huangqianmin/design-system/styles';\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\n### 4. 使用组件\n\n```tsx\nimport { Navbar, BackgroundGlow, Button, ProjectCard, SectionHeader } from '@huangqianmin/design-system/components'\n\nexport default function Home() {\n  return (\n    <div className=\"min-h-screen bg-bg text-white\">\n      <BackgroundGlow variant=\"home\" />\n      <Navbar />\n      <main>\n        <SectionHeader eyebrow=\"作品集\" title=\"从概念到落地的完整项目\" />\n        <ProjectCard\n          title=\"概念层级图谱\"\n          description=\"可视化展示概念之间的层级继承关系\"\n          tags={['React', 'Fastify', 'D3.js']}\n          accent=\"blue\"\n          href=\"https://example.com\"\n        />\n      </main>\n    </div>\n  )\n}\n```\n\n## 项目结构\n\n```\ndesign-system/\n├── tailwind.preset.js        # Tailwind 主题扩展（颜色/字号/动画/容器）\n├── src/\n│   ├── index.ts              # 主入口\n│   ├── styles/globals.css    # 动画 keyframes + 工具类\n│   ├── lib/cn.ts             # className 合并工具\n│   ├── tokens/               # 颜色/字号/间距/动效常量\n│   └── components/           # 9 个核心组件\n└── docs/DESIGN_SYSTEM.md     # 设计原则 + token 表 + 组件 API\n```\n\n## 设计原则\n\n详见 [docs/DESIGN_SYSTEM.md](./docs/DESIGN_SYSTEM.md)。\n\n## 许可\n\nMIT\n","readmeFilename":"README.md"}