技术速递|使用 GitHub Copilot CLI 构建 Emoji 列表生成器

作者:Cassidy Williams

排版:Alan Wang

看看我们如何在 Rubber Duck Thursday 直播活动中,利用 GitHub Copilot CLI 从零开始打造一个 Emoji 列表生成器。

每周,GitHub 团队都会举办一场名为 Rubber Duck Thursdays 的直播活动。在直播中,我们会现场构建项目、与社区开发者共同协作,并解答大家提出的各种问题。

本周,我们使用 GitHub Copilot CLI 一起完成了一个非常有趣的小项目!接下来,就让我带大家了解一下它。

💡 刚接触 GitHub Copilot CLI? 不妨先从这里开始了解如何快速上手

这是什么?

在很多社交媒体动态和产品发布中,你经常会看到类似这样的内容:

我们发布了史上最强的 Emoji 列表生成器,它能够:

💻 在 CLI 中运行

🤖 使用 Copilot SDK 智能地将你的项目符号转换为相关 Emoji

📋 自动将结果复制到剪贴板

看起来很棒。但在这个"快速行动、快速迭代"的时代,为每一条内容琢磨最合适的 Emoji 对我来说实在太浪费时间了。我还有项目要开发!还有仓库要折腾!还有 Pull Request 要合并!我可没空一直想着该用什么 Emoji!

于是,在直播过程中,我们现场构建了一个 Emoji 列表生成器(名字也非常直白,就叫 Emoji List Generator),它能够:

  • 🖥️ 在终端中运行

  • 📋 粘贴或输入一组列表内容

  • ⌨️ 按下 Ctrl + S

  • 📎 自动将带有 Emoji 的结果复制到剪贴板

(看得出来我正在亲自使用自己的产品吧?)

我们是如何构建它的

这个项目使用了几项很酷的技术:

  • 🖥️ @opentui/core ------ 构建终端 UI

  • 🤖 @github/copilot-sdk ------ AI 核心能力

  • 📋 clipboardy ------ 访问系统剪贴板

项目开始时,我们打开了 GitHub Copilot CLI。

Plan Mode 中使用 Claude Sonnet 4.6,我输入了下面的需求:

我想创建一个由 AI 驱动的 Markdown Emoji 列表生成器。在这个 CLI 应用中,当我粘贴或输入一组项目符号列表时,它能够为列表中的每一项自动匹配相关 Emoji,并将结果复制到剪贴板。我希望使用 GitHub Copilot SDK 来提供 AI 能力。

Copilot 随后向我提出了一系列澄清问题,例如应该采用什么技术栈、选择哪些第三方库(特别感谢直播聊天室中的 Gabor 推荐了 OpenTUI)。在此基础上,它为我生成了一份经过充分思考和规划的 plan.md 文件,供我审阅和后续实施。

经过这一轮讨论后,我们得到了一个完整且经过充分思考的 plan.md 文件,供我审阅和使用。

随后,我们使用刚刚发布不久Claude Opus 4.7 来执行这份计划。仅仅几分钟后,大功告成------一个有趣的终端 UI 就这样诞生了!

这个项目虽然规模不大,但功能却相当强大。在开发过程中,我们在 CLI 中组合使用了许多非常酷的能力:

如果你也想亲手构建类似的项目,不妨了解一下 GitHub Copilot CLIGitHub Copilot SDK,立即开始你的实践之旅!

这个 Emoji List Generator 项目已经完全开源,并免费向所有开发者开放。

祝大家构建愉快!🚀

相关推荐
摸鱼同学1 小时前
从0到1打造AI学习体系,从LLM到Multi-Agent
ai·agent·vibe coding·claudecode·skills
梁萌1 小时前
LightRAG知识库
ai·知识库·rag·检索·问答
摸鱼同学2 小时前
LLM 是什么?从 API 调用到 Token 机制
ai·大模型·llm·token·claudecode
一锅炖出任易仙2 小时前
创梦汤锅学习日记day23
学习·ai·ue5
Elastic 中国社区官方博客2 小时前
Elasticsearch Reindex 现已支持跨节点自动迁移:无需人工干预,不会丢失进度
大数据·数据库·人工智能·elasticsearch·搜索引擎·ai·全文检索
Artech2 小时前
[MAF预定义ChatClient中间件-02]FunctionInvokingChatClient——实现ReAct循环和人机交互的大功臣
ai·agent·react·maf·ichatclient
莫逸风2 小时前
【AgentScope】3. 工作空间(Workspace)详解
java·ai·agent·springai·agentscope
Devin~Y2 小时前
从Spring Boot到AI Agent:大厂Java微服务面试三轮实战问答解析
java·spring boot·redis·spring cloud·微服务·ai·kafka
七牛开发者2 小时前
从 Claude 案例看 Coding Agent 的计划层设计
人工智能·ai·agent·claude·claudecode