构建了一个 Vibe Coded 应用，让你可以随意美化任何图片！ :D

Source: Dev.to

这是我对 GitHub Copilot CLI 挑战的提交！

我构建的

我构建了一个名为 ImageStyler 的网页应用，它可以让你上传任意图片，并将其转换为 ASCII 艺术或类似 Paint 的画布风格。这个想法来源于一次网页设计作业，当时我们需要使用 GIMP 等工具对图像进行缩放和颜色调整。自 2 月 5 日起，我决定制作一个简单的网页工具来娱乐并探索 GitHub Copilot CLI。

使用的技术

• 原生 HTML、CSS 和 JavaScript
• GitHub Copilot CLI（约 99 % 的代码依赖它）

演示

这就是网站的外观：

拖放图片

您可以将图像拖放到框中，或点击按钮选择文件。

ASCII 功能

一种方法是将图像转换为 ASCII 艺术。

绘画设置

另一种选择是对图像进行“绘画”，将其转换为风格化的画布视图。

下载修改后的图像

编辑后，您可以为文件命名并下载修改后的图像。

我在 GitHub Copilot CLI 的使用体验

在 Visual Studio Code 中使用 Copilot CLI 对第一次使用者来说非常友好。每当我请求一个功能或 bug 修复时，CLI 会显示它将进行的更改，并在执行敏感命令（例如启动服务器或获取文档）之前请求许可。

我遇到的挑战

• 提示限制 – 在免费套餐上，我很快就达到了使用上限，这迫使我必须压缩提示。过长的提示会导致混乱和错误，因此我学会了更简洁地表达请求。
• GIF 兼容性 – 该应用目前不支持 GIF 输出。实现 GIF 动画需要额外的提示和测试，但这仍是未来可能的改进方向。

在达到 CLI 限制后，我手动做了一些小调整，并更新了仓库中的 README.md。

总体而言，这次体验是积极的。我将 CLI 看作是一个有帮助的导师，而不是一个可以在没有监督的情况下生成整个项目的工具。

摘要

使用 GitHub Copilot CLI 构建 ImageStyler 是一次有趣的体验。我强烈推荐在 VS Code 中尝试该 CLI。

Repository:
Demo site:

有什么问题或意见吗？期待您的反馈！