CYBERLEEK DESIGN 是一个 Vue 3 终端风格组件库，也是对某类“表面上为玩家发声、实际将反商业叙事包装成商业服务”的网络组织网站的恶搞。
项目保留了它们过度认真的深海军蓝、霓虹蓝绿、网格背景、CRT 扫描线和直角终端卡片，同时把这些视觉语言落实为一套正常、可访问、可复用的组件。它不涉及加密货币、钱包、支付或秘密恢复词。
LButtonLCard、LCardHeader、LCardContentLLayoutLTypographyLCollapsibleLDividerLCodeLSectionToggleLStatusBadgeLStatGrid、LStatItemLProgressBarLDataListLAnnouncementList
设计包也提供 cn、designTokens 与 DesignToken 类型。
packages/
├── design/ # @cyberleek/design：Vue 组件与设计 token
└── docs/ # VitePress 文档站与组件预览
pnpm install
pnpm dev:design
pnpm dev:docs常用检查：
pnpm typecheck
pnpm test
pnpm build
pnpm verify项目将继续沿用当前视觉系统，以 shadcn 风格的组合方式和可访问的基础交互为核心，逐步完善为一套完整的终端风格组件库。后续方向包括更多表单、导航、反馈、覆盖层和数据展示组件，以及更完整的组件文档、示例和主题 token。
CYBERLEEK DESIGN is a Vue 3 terminal-style component library and a parody of a certain kind of online organization: one that claims to fight for players while turning anti-commercial rhetoric into commercial services.
The project keeps the deep-ocean blue surfaces, neon blue-green signals, grid background, CRT scanlines, and square terminal cards, then turns that visual language into normal, accessible, reusable components. It does not include cryptocurrency, wallets, payments, or recovery phrases.
LButtonLCard,LCardHeader,LCardContentLLayoutLTypographyLCollapsibleLDividerLCodeLSectionToggleLStatusBadgeLStatGrid,LStatItemLProgressBarLDataListLAnnouncementList
The design package also exports cn, designTokens, and the DesignToken type.
packages/
├── design/ # @cyberleek/design: Vue components and design tokens
└── docs/ # VitePress documentation and component previews
pnpm install
pnpm dev:design
pnpm dev:docsUseful checks:
pnpm typecheck
pnpm test
pnpm build
pnpm verifyCYBERLEEK DESIGN will continue to use its current visual system while building toward a complete terminal-style component library. The direction is shadcn-style composition with accessible primitives, expanded form, navigation, feedback, overlay, and data-display components, plus more complete documentation, examples, and theme tokens.