第二部分：开始使用 Clacky AI

🎯 学习目标

完成这一部分后，你将：

  • 成功注册并登录 Clacky AI
  • 注册并配置 GitHub 账号
  • Fork 官方项目仓库并导入到 Clacky AI
  • 熟悉主界面的各个功能区域
  • 学会与 AI 进行有效对话
  • 掌握基本操作技巧

🚀 快速实践：注册与导入 GitHub 项目

步骤 1：注册 Clacky AI

步骤 2：注册 GitHub 账号

  • 访问 GitHub 官网 并注册账号，完成邮箱验证和基础设置。

步骤 3：Fork 官方博客仓库

步骤 4：通过 Clacky AI 导入 GitHub 项目

  • 在 Clacky AI 平台选择“导入 GitHub 项目”，登录你的 GitHub 账号，选择刚刚 Fork 的仓库进行导入。
  • 导入后即可在 Clacky AI 云端环境中体验真实项目开发、协作与部署。

💡 GitHub 与 GitHub Pages 基础知识

  • GitHub：全球最大的开源代码托管平台，支持版本管理、协作开发。
  • Fork：将别人的项目复制到自己账号下，便于独立开发和练习。
  • GitHub Pages：免费静态网站托管服务，让你的博客一键上线，拥有自己的公开网址。
  • 通过 Fork、导入、修改和发布，你可以完整体验现代开发和开源协作流程。

2.1 注册和登录

📝 申请 Clacky AI 账户

重要提醒：Clacky AI 目前处于 Beta 阶段，我们为 Coding Girls Club 程序媛汇的学习者提供了专属申请链接。

方式一：使用专属申请链接（推荐）

🔗 点击这里申请 Clacky AI

💡 特别说明：这是 Clacky AI 专门为 Coding Girls Club 程序媛汇 提供的专属申请链接。活动期间使用此链接申请，将获得优先审批，且审批通过率更高。

方式二：通过官网申请

  1. 访问 Clacky AI 官网：https://clacky.ai/
  2. 点击 "Get Started" 按钮
  3. 填写申请表单并提交

⚠️ 注意：通过官网申请为普通申请流程，审批时间较长。

等待审批

使用专属链接的优势：

  • 🚀 优先审批：比普通申请更快获得审批
  • ✅ 高通过率：活动期间申请通过率更高
  • 📧 快速响应：通常在 1-2 个工作日内收到回复

审批流程：

  • 官方团队会审核你的申请
  • 审批通过后会收到邀请邮件
  • 邮件包含激活码和注册链接

🔐 首次登录设置

收到邀请邮件后：

  1. 点击注册链接

    • 打开邮件中的注册链接
    • 输入邀请码（在邮件中）

  2. 创建账户

    📧 邮箱地址：[输入你的邮箱]
🔒 设置密码：[创建一个安全的密码]
👤 用户名：[选择一个用户名]

  3. 验证邮箱

    • 检查邮箱中的验证邮件
    • 点击验证链接完成验证

  4. 完成个人资料

    • 上传头像（可选）
    • 填写基本信息
    • 选择主要使用目的

2.2 界面介绍

🖥️ 主界面布局

登录成功后，你会看到 Clacky AI 的主界面：

┌─────────────────────────────────────────────────────────┐
│  🏠 Clacky AI Logo    [🔍 搜索]    [👤 用户菜单]        │
├─────────────────────────────────────────────────────────┤
│                                                         │
│  📁 我的项目                    ➕ 创建新项目           │
│  ┌─────────────┐ ┌─────────────┐ ┌─────────────┐        │
│  │   项目 1    │ │   项目 2    │ │   项目 3    │        │
│  │  Web 应用   │ │   博客      │ │  待办应用   │        │
│  └─────────────┘ └─────────────┘ └─────────────┘        │
│                                                         │
│  💬 开始新对话                                          │
│  ┌─────────────────────────────────────────────────────┐│
│  │ 描述你想要创建的项目...                              ││
│  └─────────────────────────────────────────────────────┘│
│                                                         │
└─────────────────────────────────────────────────────────┘

🔍 重要功能区域详解

1. 顶部导航栏

  • 🏠 Logo：点击返回主页
  • 🔍 搜索框：搜索项目和文件
  • 👤 用户菜单：账户设置、帮助文档

2. 项目管理区域

  • 📁 我的项目：显示所有创建的项目
  • ➕ 创建新项目：开始新的项目
  • 项目卡片：显示项目名称、类型、状态

3. 对话区域

  • 💬 聊天输入框：与 AI 对话的主要界面
  • 📎 附件按钮：上传文件或图片
  • 🎯 快速模板：常用项目模板

4. 侧边栏（项目内）

┌─────────────────┐
│ 📂 文件浏览器    │
│ ├── src/        │
│ ├── public/     │
│ └── docs/       │
│                 │
│ 🧵 线程管理      │
│ ├── 🏗️ 根线程    │
│ ├── ✨ 新功能    │
│ └── 🐛 修复问题  │
│                 │
│ ⚙️ 项目设置      │
└─────────────────┘

2.3 第一次对话

💬 如何与 AI 有效沟通

基本对话原则

1. 清晰明确 🎯

❌ 不好的例子：
"帮我做个网站"

✅ 好的例子：
"帮我创建一个个人介绍网站，包含我的照片、简介、联系方式和作品展示"

2. 逐步细化 📝

第一步：说明大致需求
"我想创建一个在线商店"

第二步：补充具体细节
"商店主要卖手工艺品，需要商品展示、购物车、简单的订单管理"

第三步：说明技术偏好
"希望界面简洁美观，适合手机浏览"

3. 及时反馈 🔄

AI 提供方案后：
✅ "这个设计很好，但是颜色能不能改成蓝色系？"
✅ "功能很完整，不过能简化一下操作流程吗？"
✅ "整体不错，但是首页布局需要调整"

🗣️ 实用对话技巧

描述需求的模板

项目类型 + 主要功能 + 特殊要求

模板：
"帮我创建一个 [项目类型]，主要功能包括 [功能1、功能2、功能3]，
特别要求 [设计风格/用户体验要求/目标用户群体]"

实例：
"帮我创建一个个人博客网站，主要功能包括文章发布、分类管理、评论系统，
特别要求界面简洁现代，适合技术文章分享，我是编程初学者"

💡 重要提示 - 无需指定技术栈：

作为初学者，你不需要在需求中指定具体的技术栈（如"使用 React"、"用 Python"等），因为：

  • 🤖 AI 会自动选择：Clacky AI 会根据你的需求自动推荐最合适的技术方案
  • 📊 智能分析：AI 会考虑项目复杂度、学习难度、维护成本等因素
  • 🎯 最优匹配：确保选择最适合初学者的技术组合
  • 🔄 可以调整：如果对 AI 推荐的技术栈有疑问，可以随时讨论

推荐的描述方式：

✅ 好的描述：
"我想创建一个在线商店，功能包括商品展示、购物车、订单管理，
希望界面美观，手机友好，我是编程新手"

❌ 不推荐的描述：
"用 React + Node.js + MongoDB 创建一个电商网站"

常用表达方式

表达喜好：

  • "我喜欢简洁的设计风格"
  • "希望颜色搭配温暖一些"
  • "界面要对手机友好"

提出修改：

  • "这个功能能不能简化一下？"
  • "可以增加一个...功能吗？"
  • "布局能不能调整成...样式？"

确认理解：

  • "你的意思是...对吗？"
  • "这样理解正确吗？"
  • "还有其他需要考虑的吗？"

🎯 第一次对话实践

让我们来做一个完整的对话练习：

场景：创建个人作品集网站

你：

你好！我想创建一个个人作品集网站，用来展示我的摄影作品。
我是摄影爱好者，希望有一个专业的平台来展示照片。

AI 可能的回复：

你好！很高兴帮你创建摄影作品集网站。让我了解一下具体需求：

1. 作品展示方式：希望是网格布局还是瀑布流？
2. 分类需求：是否需要按主题分类（如风景、人像、街拍等）？
3. 交互功能：需要访客评论、点赞功能吗？
4. 个人信息：是否包含个人简介和联系方式？
5. 技术偏好：有特别的设计风格要求吗？

你的回复：

1. 我喜欢网格布局，看起来比较整齐
2. 需要分类，主要是风景、人像、街拍三个类别
3. 暂时不需要评论，但希望有简单的联系表单
4. 需要个人简介页面，介绍我的摄影经历
5. 希望设计简洁现代，以黑白灰为主色调，突出照片本身

2.4 基本操作技巧

⌨️ 快捷键和操作

编辑器快捷键

  • Cmd/Ctrl + K：激活 AI 编辑功能
  • Cmd/Ctrl + Shift + L：将选中代码添加到聊天
  • Cmd/Ctrl + S：保存文件
  • Cmd/Ctrl + Z：撤销操作

界面操作

  • 点击文件名：打开文件编辑
  • 右键菜单：更多操作选项
  • 拖拽文件：重新组织文件结构

📱 移动端使用

Clacky AI 支持移动端浏览器访问：

推荐浏览器：

  • iOS：Safari、Chrome
  • Android：Chrome、Firefox

移动端限制：

  • 编辑功能有限
  • 主要用于查看和简单对话
  • 建议重要操作在电脑上完成

🔧 常用设置

个人偏好设置

  1. 主题选择：浅色/深色模式
  2. 语言设置：界面语言
  3. 通知设置：邮件提醒偏好
  4. 编辑器设置：字体大小、代码高亮

项目设置

  1. 默认技术栈：设置常用的开发框架
  2. 代码风格：设置代码格式偏好
  3. 协作权限：管理团队成员访问权限

🧠 知识检查

完成这一部分后，请确认你已经掌握：

账户管理 ✅

  • [ ] 知道如何申请 Clacky AI 账户
  • [ ] 成功完成注册和登录
  • [ ] 了解 Beta 阶段的使用规则

界面操作 ✅

  • [ ] 熟悉主界面的各个区域
  • [ ] 知道如何创建新项目
  • [ ] 了解项目内的功能布局

对话技巧 ✅

  • [ ] 掌握与 AI 有效沟通的方法
  • [ ] 能够清晰描述项目需求
  • [ ] 学会提供有用的反馈

基本操作 ✅

  • [ ] 掌握常用快捷键
  • [ ] 了解基本设置选项
  • [ ] 知道移动端的使用限制

🎉 恭喜！

你已经完成了快速入门指南！现在你已经：

  • ✅ 拥有了 Clacky AI 账户
  • ✅ 熟悉了基本界面和操作
  • ✅ 学会了与 AI 进行有效对话

接下来，我们将开始真正的实践 —— 创建你的第一个项目！

准备好开始编程之旅了吗？让我们进入第三部分！ 🚀

💡 实用小贴士

对话技巧总结

  1. 具体明确：详细描述你的需求
  2. 逐步细化：先说大概，再补充细节
  3. 及时反馈：看到结果后立即给出意见
  4. 保持耐心：AI 理解需要一个过程

常见问题解答

Q: AI 理解错了我的意思怎么办？ A: 重新用更清晰的语言描述，或者举个具体例子

Q: 可以中途修改需求吗？ A: 当然可以！随时告诉 AI 你的新想法

Q: 忘记密码怎么办？ A: 使用登录页面的"忘记密码"功能，或联系客服

Q: 可以同时进行多个项目吗？ A: 可以，但建议初学者先专注完成一个项目

results matching ""

    No results matching ""