Claude Code core-components 技能：用 Stack、Text 和 Button 组成状态卡片
EnglishClaude Code 安装步骤
- 从固定版本 GitHub 工作副本获取完整的 `cli-tool/components/skills/development/core-components` 目录。
- 将目录放入目标项目的 `.claude/skills/`，确认 `.claude/skills/core-components/SKILL.md` 存在，再从项目根目录启动 Claude Code 并输入 `/core-components`。
中文摘要
用项目已有的布局、文字和按钮组件搭建常见卡片，复用间距、颜色和字号令牌。适合避免在业务页面重新定义一套基础组件。
SKILL.md 中文导读
可复现示例
为虚构资料库做一个下载状态卡片。上部显示标题和说明，下部给重试按钮。请使用 VStack 和现有 Button，并复核按钮加载时是否有反馈。工作步骤
- 把界面拆成布局、文字与操作，优先选项目已有组件。
- 用同一组令牌定义内外间距，再检查按钮禁用和加载状态。
验收方法
卡片应按已存在的组件组织，并使用一致间距令牌。重试操作有明确加载或禁用状态，属性名以项目定义为准。
GitHub 原文 · 更新日期
适用环境
Claude Code、固定版本技能与包含相应基础组件的项目。先核对实际组件属性。
常见问题
什么时候应该直接复用已有 Card？
先检查现有 Card 的结构和令牌能否满足目标。若可通过组合实现，就保持同一组件入口和样式约定。