前言
大家好，我是 Simex，一名普通的前端开发者。
和许多同行一样，我的日常工作离不开各种各样的在线小工具：JSON 格式化、图片压缩、调色板、二维码生成器... 相信大家的浏览器收藏夹里，或多或少都有那么几个“生产力神器”。
但不知道你是否和我一样，有这样的烦恼：
- 好不容易找到一个工具，打开却是满屏的广告和弹窗，像在玩扫雷游戏。
- 有些网站的 UI 还停留在上个世纪，交互体验一言难尽。
- 功能强大的工具往往需要付费，而免费的又总有些功能限制。
作为一个有点代码“洁癖”和设计追求的开发者，我总在想：为什么不能有一个干净、清爽、专注、并且免费的工具网站呢？
于是，一个想法在我脑中萌生：为什么不自己动手做一个？
就这样，我利用业余时间，从一个想法开始，构思、设计、编码、上线，最终打造出了我的第一个独立作品：
CreatiKit.asia - 一个为创意工作者和开发者而生的在线工具箱。
线上地址：creatikit.asia
CreatiKit：它现在能做什么？
我的目标是做一个“小而美”的工具集合，不求大而全，但求每一个工具都足够好用。目前，CreatiKit 已经集成了 9 个我个人认为最高频、最实用的功能：
1. 强大的图片压缩
支持 JPG, PNG, WEBP 等多种格式，可以批量上传和压缩。在保证视觉质量的前提下，能有效减小文件体积，对于前端开发者和新媒体运营来说非常实用。
2. 可定制的二维码生成器
除了生成基本的二维码，你还可以自定义颜色、调整容错率，甚至在中间插入自己的 Logo，让二维码也变得有个性。
3. 智能调色板
还在为配色发愁吗？这个工具能快速生成和谐的配色方案，并提供 HEX, RGB, HSL 等多种格式的颜色代码，一键复制，非常方便。
4. 沉浸式 Markdown 编辑器
一个极简、无干扰的在线 Markdown 写作环境，支持实时预览，适合快速记录笔记和撰写文档。
除此之外，还有...
- 代码工具集: 包含了 JSON 格式化、CSS 格式化等开发者常用功能。
- 3D 模型预览: 做 3D 相关项目的朋友，可以直接在浏览器里拖拽预览
.glb和.gltf模型。 - 文本分析器: 快速统计文章的字数、字符数、段落数和预估阅读时间。
- Emoji 宝典: 还在为找不到合适的 Emoji 发愁吗？这里可以快速搜索和复制。
- 图片转 Base64: 前端开发中的老朋友了。
我向大家承诺，网站的核心功能区永远不会加入任何干扰性的广告，希望能保持这份创造的初心。
背后的技术栈
作为一名热爱折腾的前端，这个项目也成了我实践新技术、打磨全栈能力的试验田。整个网站是基于一套现代化的技术栈构建的：
- 前端框架: Next.js 14 (App Router) - 从中学习到了最新的服务端组件 (RSC) 和路由理念。
- UI 库: Tailwind CSS + shadcn/ui - 告别了手写 CSS 的痛苦，组件化的思想让开发效率倍增。
- 部署: Vercel - 对于 Next.js 项目来说，Vercel 提供了如丝般顺滑的 CI/CD 体验，每次
git push就能自动部署。 - 分析: Vercel Analytics - 自带的分析工具，可以无侵入地了解网站的访问情况。
从产品构思、UI 设计 (参考了很多优秀作品)，到编码实现和部署上线，全都是我一个人独立完成的。这个过程虽然充满了挑战和不眠之夜，但看着自己的想法一步步变为现实，那种成就感是无与伦比的。
写在最后：期待你的声音
CreatiKit 目前还像一个刚刚出生的婴儿，它不完美，甚至可能还有不少隐藏的 Bug。
我把它分享出来，不仅是展示一个作品，更是希望能听到来自社区的、真实的声音。
所以，我真心希望各位掘金的朋友能花几分钟体验一下，然后狠狠地“拍砖”。任何一个建议，无论是关于新功能的想法、现有功能的改进，还是设计上的吐槽，对我来说都是一笔宝贵的财富。
你可以在文章下方直接评论，我会认真阅读并回复每一条。
再次感谢你的阅读，希望这个小小的工具箱，能为你带来片刻的便利。
项目地址：creatikit.asia
