Skip to content
View dontttbefly-sketch's full-sized avatar

Block or report dontttbefly-sketch

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
dontttbefly-sketch/README.md

你好,我是空杯

独立开发者,正在把想法做成可运行、可展示、可继续迭代的作品。

我关注个人成长工具、交互式可视化、游戏化体验、自动化工作流和独立站产品。
比起只写一个 demo,我更喜欢把一个想法推进到有结构、有文档、有视觉表达、也有真实使用场景的状态。

GitHub 独立开发 当前项目


关于我

我是 空杯,正在系统地练习独立开发:从产品想法、交互设计、前端实现、工程组织,到 README、截图、测试与发布说明,都尽量自己完整走一遍。

我现在的项目大致分成几条线:

  • 个人成长与效率工具:把目标、任务、复盘、周报和进度追踪做得更清晰、更可持续。
  • 创意前端与可视化:用 React、TypeScript、Three.js、Canvas 等技术做可以探索的界面。
  • 游戏原型与玩法系统:关注核心循环、关卡节奏、构筑选择、反馈手感和可读性。
  • 品牌与独立站实践:尝试把视觉系统、页面结构、电商转化和静态预览组织成完整主题。
  • Codex / Lark 自动化:把重复工作沉淀成可复用 skill,让工具真正替人省一点力。

代表项目

以宇宙星图为创意的目标规划工具。它把目标、routine、复盘和进度追踪组织成一张可视化星图,让长期计划不只是列表里的文字,而是可以持续点亮、推进和回望的成长路径。

项目重点

  • Web/PWA 版本使用 React + Vite 构建。
  • macOS 原生版本正在使用 SwiftUI 推进。
  • iOS 原生版本框架已整理。
  • 核心表达围绕恒星、行星轨道、routine 和成长路径展开。

基于 React、TypeScript、Three.js 和 Vite 的沉浸式宇宙学习网页。项目用真实天文资料作为学习锚点,再结合程序化星场、银河结构、图层控制和中文学习面板,帮助用户理解太阳、银河系、星团、星系群与可观测宇宙之间的尺度关系。

项目重点

  • 全屏 WebGL 3D 场景,支持拖拽、缩放、搜索和预设视角。
  • 内置图层控制,可切换银河盘、旋臂、尘埃、星云、星团等视觉层。
  • 用“实测 / 模型 / 艺术近似”标明数据可信边界。
  • 使用 Vitest 覆盖核心数据、坐标换算、视觉质量和生成逻辑。

一个单文件 HTML 打砖块小游戏,核心体验是“经典打砖块 + 肉鸽构筑 + 霓虹街机反馈”。玩家在 12 关连续挑战中选择协议卡,形成多球、激光、重击、支援等不同打法。

项目重点

  • 使用 HTML5 Canvas、原生 JavaScript 和 Web Audio API。
  • 零依赖、无需构建,打开 HTML 文件即可游玩。
  • 包含 12 关流程、BOSS 节点、特殊砖块、主动技能、得分与结算。
  • 协议卡系统支持多种 build 组合和联动效果。

一个作品集用途的互动电商独立站概念项目,主题是“小型犬玩具”。项目不依赖真实商品图片,而是用 CSS 图形、统一视觉系统和细节动效完成品牌表达、商品浏览、组合筛选、详情抽屉和玩具袋体验。

项目重点

  • 纯静态站点,包含首页、商店页和玩法指南页,可直接打开预览。
  • 商品浏览支持按玩法气质、身体尺度和购买心情组合筛选。
  • 商品详情使用右侧抽屉承接浏览流,玩具袋支持数量、小计、减少、移除和支付占位反馈。
  • 视觉方向为“温暖实验室”,用奶油纸底、黑色线条、柠檬黄重点色和 CSS 玩具轮廓建立品牌识别。

一个可复用的 Codex skill,用于通过 lark-cli 从飞书 / Lark 群聊消息中整理个人周产出,并生成结构化 STAR 周报。

项目重点

  • 支持按发送人和时间窗口检索群聊消息。
  • 保留产出文档链接,生成可插入飞书文档的周报结构。
  • 周报格式包含背景、目标、行动、结果、卡点资源和下周计划。
  • 仓库已做脱敏处理,不包含真实群聊、用户、文档或内部项目信息。

用于整理个人技术实践和项目成果的作品集仓库,收纳 Web 应用、3D 可视化、互动游戏、电商独立站和 Godot 原型等内容。


技术栈

React TypeScript Vite Three.js JavaScript HTML5 CSS3 Swift Godot


我正在打磨的方向

当前重点:星图目标管理、个人作品集、自动化工作流
产品方向:成长工具、可视化学习、游戏化体验、电商独立站
技术方向:React / TypeScript / Three.js / SwiftUI / Canvas / Godot / Lark CLI
长期目标:把零散实验整理成更完整、更能被真实使用的独立产品

小记

这个主页会随着项目继续更新。
我希望它不是一个静态简历,而是一个不断长出新作品的入口:能看到我在学什么、做什么、怎么把一个想法推进到可以展示和复用的程度。

Pinned Loading

  1. Xingtu-Targets Xingtu-Targets Public

    以宇宙星图为创意的极简目标规划工具,在宇宙中创造恒星(目标)并每天点亮行星轨道(routine),在你的宇宙积累更多恒星!

    Swift

  2. pupkit-dog-toy-store pupkit-dog-toy-store Public

    PUPKIT 小型犬玩具实验室,一个作品集用途的互动电商独立站。

    CSS

  3. brick-breaker brick-breaker Public

    霓虹风格单文件 HTML 打砖块小游戏,使用 Canvas 与 Web Audio 实现 12 关肉鸽流程、协议卡构筑、特殊砖块、能量技能和多种 build 玩法。

    HTML

  4. milky-way-3d-explorer milky-way-3d-explorer Public

    沉浸式真实宇宙 3D 探索网页:基于 React、TypeScript 和 Three.js 的银河系与可观测宇宙学习模拟器。

    TypeScript

  5. project-portfolio-demo project-portfolio-demo Public

    "空杯"独立开发部分项目作品集,涵盖个人技术实践与项目成果,用于职业发展与技术能力展示。

    GDScript

  6. feishu-weekly-star-report-skill feishu-weekly-star-report-skill Public

    一个可复用的 Codex skill,利用 lark-cli 从群聊消息中生成飞书/Lark STAR 周报。