{"id":50906847,"url":"https://github.com/darkmice/talon-ui","last_synced_at":"2026-06-16T06:01:22.208Z","repository":{"id":357546300,"uuid":"1235856711","full_name":"darkmice/talon-ui","owner":"darkmice","description":"Talon Pilot design system + @talon-ui component library (tokens + React; Phase 1 = 45 components, Antd parity).","archived":false,"fork":false,"pushed_at":"2026-05-30T09:44:01.000Z","size":1926,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-30T11:21:41.061Z","etag":null,"topics":["component","react-ui-components","talon-ui"],"latest_commit_sha":null,"homepage":"https://ui.talon.net.cn/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/darkmice.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-05-11T18:11:10.000Z","updated_at":"2026-05-30T09:44:05.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/darkmice/talon-ui","commit_stats":null,"previous_names":["darkmice/talon-ui"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/darkmice/talon-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkmice%2Ftalon-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkmice%2Ftalon-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkmice%2Ftalon-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkmice%2Ftalon-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/darkmice","download_url":"https://codeload.github.com/darkmice/talon-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darkmice%2Ftalon-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34393302,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-16T02:00:06.860Z","response_time":126,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","react-ui-components","talon-ui"],"created_at":"2026-06-16T06:00:29.515Z","updated_at":"2026-06-16T06:01:22.189Z","avatar_url":"https://github.com/darkmice.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Talon UI\n\nReact component library and design tokens for the Talon Pilot design system.\n\n![commits](https://img.shields.io/badge/commits-98-blue)\n![tag](https://img.shields.io/badge/tag-0.5.0--alpha-orange)\n![license](https://img.shields.io/badge/license-MIT-green)\n\n| Mirror     | URL                                  |\n| ---------- | ------------------------------------ |\n| GitHub     | https://github.com/darkmice/talon-ui |\n| x.xgit.pro | https://x.xgit.pro/dark/talon-ui     |\n\n## Packages\n\n| Package            | Version | Purpose                                         |\n| ------------------ | ------- | ----------------------------------------------- |\n| `@talon-ui/tokens` | 0.1.1   | Design tokens — CSS vars, JSON, Tailwind preset |\n| `@talon-ui/react`  | 0.5.0   | React components — 45 / 45 Phase 1 shipped      |\n| `@talon-ui/vue`    | —       | Vue components — Phase 2 placeholder            |\n\n## Components — 45 / 45 Phase 1\n\nAll Ant-Design-parity targets met across four blocks:\n\n- **Block 1 (0.2.0):** Button, Input, Textarea, Tag, Avatar (+ AvatarGroup), Card, Badge, Divider, Space, Typography (Title / Text / Paragraph / Link)\n- **Block 2 (0.3.0):** Form (react-hook-form), Checkbox, Radio, Switch, Slider, NumberInput, Rate, Select, Combobox, DatePicker, TimePicker, Upload, ColorPicker\n- **Block 3 (0.4.0):** Tabs, Tooltip, Popover, Popconfirm, Menu, Modal, Drawer, Banner, Toast, Pagination, Stepper, Breadcrumb\n- **Block 4 (0.5.0):** Skeleton, Spin, Empty, Result, Statistic, Progress (linear + circular), Descriptions, Collapse, KanbanCard, BusinessRows (FileRefRow / RoleRow / RuntimeRow / RiskRow)\n\n## Install\n\n```bash\npnpm add @talon-ui/react @talon-ui/tokens\n```\n\n## Quick usage\n\n### With Tailwind CSS\n\nAdd the Talon UI preset to your Tailwind config:\n\n```js\n// tailwind.config.js\nconst { talonPreset } = require('@talon-ui/tokens/tailwind.preset.cjs');\n\nmodule.exports = {\n  presets: [talonPreset],\n  content: ['./src/**/*.{ts,tsx}'],\n};\n```\n\nThen import the component stylesheet once at your app entry:\n\n```ts\nimport '@talon-ui/react/styles.css';\n```\n\n### Without Tailwind (CSS variables only)\n\nImport the token stylesheet directly — components will render with Talon design tokens but without Tailwind utility classes:\n\n```ts\nimport '@talon-ui/tokens/tokens.css';\nimport '@talon-ui/react/styles.css';\n```\n\n### Example\n\n```tsx\nimport { Button, Tag, Avatar } from '@talon-ui/react';\n\nexport default function App() {\n  return (\n    \u003cdiv\u003e\n      \u003cAvatar alt=\"Ada Lovelace\" fallback=\"AL\" /\u003e\n      \u003cTag tone=\"done\"\u003eOnline\u003c/Tag\u003e\n      \u003cButton variant=\"primary\"\u003eGet started\u003c/Button\u003e\n    \u003c/div\u003e\n  );\n}\n```\n\n## Development quickstart\n\n```bash\npnpm install\npnpm dev          # watch mode, all packages in parallel\npnpm test         # run all tests\npnpm build        # production build, all packages\npnpm preflight    # publish audit — run before any release\npnpm docs:dev     # start dumi docs dev server (apps/docs)\npnpm docs:build   # build dumi docs site to apps/docs/dist/\npnpm test:visual  # visual regression against built docs site (Playwright, 0.1% threshold)\n```\n\n## Docs deployment\n\n`apps/docs` 支持 Cloudflare 自动发布。接入说明见 `docs/DEPLOYMENT.md`。\n\n配置完成后：\n\n- 推送到 `main` 会发布生产站点\n- Pull Request 会生成预览站点\n\n## Source of truth\n\n**Tokens** live only in `packages/tokens/src/`. `skills/talon-ui/assets/` are reverse-symlinks; do not edit them directly.\n\n**Skills** live only in `skills/`. `.claude/`, `.codex/`, `.agents/` (and any future agent runtime) must reference them via `skills` symlink. CI enforces this.\n\n## Spec / plans / changelog\n\n- Design spec: `docs/superpowers/specs/2026-05-11-talon-ui-library-design.md`\n- Foundation plan: `docs/superpowers/plans/2026-05-11-talon-ui-foundation.md`\n- Aggregated changelog: `CHANGELOG.md`\n- Per-package changelogs: `packages/react/CHANGELOG.md`, `packages/tokens/CHANGELOG.md`\n\n## License\n\nMIT. See `LICENSE`.\n\n## TODO before first public publish\n\n- [ ] Reserve the `@talon-ui` npm scope (if not already done).\n- [ ] Add `NPM_TOKEN` secret to the GitHub repository so `release.yml` can publish.\n- [ ] Decide whether to make the GitHub repo public.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarkmice%2Ftalon-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdarkmice%2Ftalon-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarkmice%2Ftalon-ui/lists"}