独立开发者 · AI 产品实践 · 持续构建中

用 AI 把想法做成可被体验的产品。

这里记录 kidwords 的 AI 项目与产品实践:从概念、设计到可运行的成品,尽量让每一次探索都能直接被打开、体验和复用。

项目实践

可直接打开的作品与实验

每个项目都是独立可运行的静态页面。后续只要把项目放入 projects 目录并运行生成命令,首页会自动更新。

中国传统色项目预览
kidwords/chinese-traditional-colorsApache-2.0

中国传统色

整理《中华传统色:故宫里的色彩美学》完整 384 色,按 24 节气与 72 物候编排,附标准 Hex 色值与 AI 配色使用建议。

HTML384 色东方美学Apache-2.0
GLM UI Test · 二十种风格个人网站集项目预览
html_ui-ux-pro-max未声明

GLM UI Test · 二十种风格个人网站集

围绕同一份个人主页内容,使用 20 套独立设计系统呈现不同视觉方向,包含新拟态、毛玻璃、杂志编辑、便当盒等风格。

HTML20 种风格独立设计系统UI/UX

项目记录

把过程留下,也把入口交代清楚

进入 Rin 博客

这里是正在形成的项目日志,不是虚构的博客归档。每张卡片对应一个真实主题,并指向作品页面或独立在线服务。

01 / 作品

中国传统色:把资料整理成可体验的工具

围绕 384 色、节气与配色体验,把资料整理成可打开、可查找、可复用的静态作品。

查看作品入口

02 / 部署

Cloudflare 工具:从部署到可使用入口

将图片托管、网址导航与短链接拆成独立服务,首页只负责说明职责和提供入口。

查看工具入口

03 / 运营

状态页:让项目的运行状态可见

通过独立状态页承载可用性检查,首页只说明状态源,不把易变化的数字硬写进静态页面。

查看状态说明

项目状态

状态源已接入,实时结果留给状态页

Status source

不在首页伪造“正常”

首页不读取实时 API,也不写入当前 up/down 数字。数据来自 UptimeFlare / 以状态页实时结果为准;即使外部服务暂时不可用,作品集首页仍然可以正常打开。

数据来自 UptimeFlare查看实时状态

Build note

当前页面的边界

作品集负责展示,Rin 负责内容,UptimeFlare 负责探测,Sink、ImgBed 与 CloudNav 负责各自的工具场景。边界清楚,故障不会互相拖累。

交流下一步

Cloudflare 工具

打开即可使用的在线工具

这里收录由 Cloudflare 承载的个人工具入口。它们是独立的在线服务,不属于本仓库的本地项目;点击按钮会在新标签页打开。

CloudFlare-ImgBed已部署

CloudFlare-ImgBed

图片与文件托管工具,适合保存博客配图、项目截图和日常素材,访问者可直接打开使用。

图片托管文件管理Cloudflare
CloudNav-已部署

CloudNav-

个人网址导航与跨设备收藏工具,适合整理 AI、开发工具和常用网站,登录后即可同步使用。

网址导航跨设备收藏Cloudflare
Sink已部署

Sink

短链接与链接分析工具,适合给项目演示、文章和外部分享生成更清晰的访问入口。

短链接链接分析Cloudflare
Rin博客入口

Rin

博客与内容发布入口,承载较长的文章、项目复盘和持续更新内容。

博客内容发布Cloudflare
UptimeFlare状态入口

UptimeFlare

项目和服务状态监控入口。首页不固定展示状态数字,请以状态页实时结果为准。

服务监控状态页Cloudflare

构建方式

从问题出发,交付可体验的结果

01 / 发现

先把问题说清楚

记录真实需求、使用场景和限制,避免为了堆功能而做功能。

02 / 原型

做出可以打开的版本

优先完成清晰的页面和可验证的交互,让想法尽快从描述变成体验。

03 / 发布

把边界和入口交代清楚

作品、内容、工具与状态各自负责,保持首页轻量,也让每个项目可以独立使用。

联系

欢迎通过 GitHub 或邮件交流想法与合作。