design-system-components
Skillby wpank
clawhub⭐ 26/10
介绍如何利用 Surface 原语、CVA 变体及一致性样式构建设计系统组件的模式。适用于遵循设计令牌架构的可复用 UI 组件开发，在涉及 Surface 组件、CVA、class-variance-authority、组件变体及设计令牌时触发。
基于Surface原语和CVA变体系统的设计组件构建模式库。提供一致的样式架构和可复用组件开发最佳实践,加速设计系统落地。
📊 商业分析
商业模式
freemium
独特价值
Surface原语+CVA变体的设计系统完整解决方案,降低组件开发成本
竞品
Shadcn/ui(开源组件库)、Storybook(文档工具)、Figma Design System(设计协作)
🎯 应用场景
目标用户
前端开发工程师设计系统维护者企业UI库建设团队
工具信息
- 类型
- Skill
- 平台
- clawhub
- Stars
- ⭐ 2
- 价值评分
- 6/10
- 子分类
- 设计系统组件库
- 可商业化
- ✅ 是
AI 标签
设计系统UI组件库CVA变体设计令牌可复用组件
相关工具推荐
frontend-designSKILL
基于Anthropic官方提示工程，一句话生成高质量生产级前端界面，支持React组件、落地页、Dashboard等多种场景
9/10⭐ 86,759
opengfx-logoSKILL
通过自然语言提示词，自动生成包含图标、字标与组合排版的完整品牌Logo系统，输出生产级SVG矢量文件，即用即部署。
8/10⭐ 2,218
open-animateSKILL
AI Agent专属创意套件，支持生成专业动态图形、图像渲染及MP4视频，覆盖社交短片、产品发布、说明动画等场景
8/10⭐ 2,218
character-design-sheetSKILL
利用参考图与LoRA技术实现AI生成角色的跨图一致性，涵盖转面图、表情表、配色方案及风格锁定完整工作流
8/10⭐ 2,218
ui-auditSKILL
自动审计UI遵循UX原则，给出问题等级、修复建议与示例，覆盖无障碍与视觉层级检查
8/10⭐ 19