SkillFeeder › 全部 Skill › 设计与视觉 › claude-design-system
生成并本地编辑符合 Claude 设计系统规范的 design-system.
claude-design-system
claude-design-system 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 JimLiu/baoyu-design，★ 6,355。生成并本地编辑符合 Claude 设计系统规范的 design-system.json、tokens.json 等文件。适合品牌设计师与前端工程师。场景是设计与视觉 · Figma/UI。能做的事包括输出标准设计系统文件结构、实时预览并双向编辑设计令牌、支持字体、图标与资产分组管理。打开 GitHub 自行安装。
能做什么
- 输出标准设计系统文件结构
- 实时预览并双向编辑设计令牌
- 支持字体、图标与资产分组管理
原文简介
Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component previews, fonts and asset groups) as local files, then open them in a local design-system page where the user can browse and edit tokens, type, components and assets. Use when the user asks for a design system or brand kit in this format, built from a code
同场景推荐
- frontend-design所在仓库 anthropics/skills，仓库 ★ 193,116打造不落俗套的专属UI视觉方案，拒绝模板化默认样式。
- web-artifacts-builder所在仓库 anthropics/skills，仓库 ★ 193,116用 React + Tailwind + shadcn/ui 构建带状态和路由的 claude.ai 单文件 HTML 交互式前端产物
- frontend-ui-engineering所在仓库 addyosmani/agent-skills，仓库 ★ 115,926构建符合设计系统、无障碍、响应式的生产级前端界面
- apple-hig所在仓库 nexu-io/open-design，仓库 ★ 107,218生成符合苹果人机界面规范的跨平台设计文档与组件说明
- artifacts-builder所在仓库 nexu-io/open-design，仓库 ★ 107,218生成带交互组件的 Claude HTML 产物，含 React、Tailwind 和 shadcn/ui
- industrial-brutalist-ui所在仓库 nexu-io/open-design，仓库 ★ 107,218构建数据密集型仪表盘，呈现解密蓝图般的机械终端界面
- frontend-design所在仓库 bytedance/deer-flow，仓库 ★ 85,223生成高审美、可直接运行的前端界面，输出 index.html
- web-design-guidelines所在仓库 bytedance/deer-flow，仓库 ★ 85,223自动检查网页代码是否符合最新 Web 界面设计规范