claude配置与使用

1、claude code是什么

• Claude Code 是 Anthropic 推出的智能编码助手，正将编程能力从开发者的专业工具转变为普通人用自然语言即可调用的基础服务。
• 它让您无需学习代码，只需像聊天一样描述需求，就能自动生成应用、处理数据、定制工具，真正实现“人人皆可创造”。

2、安装claude code

 npm install -g @anthropic-ai/claude-code

3、执行claude命令

进入claude code：claude

Note: Claude Code might not be available in your country. Check supported
 countries at https://anthropic.com/supported-countries

如果有下面的报错，找到.claude.json文件，添加以下内容 "hasCompletedOnboarding": true

{
  "firstStartTime": "your时间",
  "opusProMigrationComplete": true,
  "sonnet1m45MigrationComplete": true,
  "userID": "your userId",
  "changelogLastFetched": 1774189494239,
  "hasCompletedOnboarding": true
}

4、配置一个好用的前端页面skill

npx skills-installer install anthropics/claude-code/frontend-design

5、使用claude写一个个人简历页面

使用 frontend-design skill，帮我创建一个现代风格的个人简历 HTML 页面。

页面需要：
- 采用卡片式布局，浅色渐变背景，圆角和阴影自然
- 响应式，手机和电脑上都好看
- 内容作为示例展示，但结构清晰，方便我稍后替换成自己的信息

内容模块（全部用示例文本，但告诉我怎么改）：
- 姓名：张小美（可替换）
- 职位：高级全栈开发 / 产品设计师（可替换）
- 一句话简介：热爱创造有价值的产品
- 联系方式：邮箱 zhang@example.com，GitHub @zhang，个人网站 zhang.dev
- 技能标签：JavaScript、React、Python、UI/UX、项目管理（可替换）
- 工作经历：两段示例，包含公司、时间、职位和职责要点
- 项目经历：两个示例项目，带简短描述
- 教育：某大学 计算机科学与技术 本科 2015-2019

设计风格现代但不花哨，给人专业、可靠的感觉。

请直接输出完整的 HTML 代码。