项目作品.
简历构建器,把写简历从「对着白纸发呆」变成一步一步填空
「简历构建器」,一个跑在浏览器里的分步简历填写工具。写简历最难受的往往不是不会写字,是不知道从哪下笔、写出来像不像回事:教育背景要不要写课程,工作经历该来几条,每条是不是都得带数字,越想越多,越想越不敢动笔。这个工具把一份简历拆成个人信息、教育背景、工作经历、技能特长、项目经验、证书荣誉、预览导出七步,一次只面对一件事,填完点下一步就进到下一块。左边一列步骤导航,走到哪亮到哪,前面填过的随时点回去改,填到一半关掉页面,下次打开原样接着填,进度一个字都不丢。 个人信息这一步可以传证件照,工具自动压尺寸、按一寸比例裁切,不管原图是横是竖都不会拉变形。填到最后一页是一张 A4 纸的实时预览,版式、配色、字号当场调,调满意了直接导出一张高清 PNG,拿去投递或者发人审阅都行。数据全部存在浏览器本地,不注册账号、不联网也能用,对简历这种敏感信息来说,数据不离开自己的浏览器反而是最让人踏实的一点。 注: 当前展示的是随机生成的示例信息,人物与数据均为虚构,仅供填写格式参考。 为什么要做这个 最近正处在换工作的档口,简历改到第 N 版的时候特别挫败。网上模板一大堆,下载下来是 Word,满页…
魔改 AI Passport:一枚大赛勋章的固件重写,变身随身网络音乐盒
FoloToy AI Passport 是 TRAE AI 创造力大赛线下活动发放的纪念勋章,硬件配置:ESP32‑C3 主控、240×320 彩屏、ES8311 音频芯片、自带扬声器与锂电池。官方固件主打「AI 伙伴」,我将其重制固件,改造为桌面网络音乐盒项目:TY MUSIC。 项目功能 开机自动连接 WiFi,拉取云公开歌单曲目循环播放。整机仅三颗按键完成全部交互:上/下键切歌,OK 单击暂停播放,长按唤起菜单。 屏幕顶栏展示:TY MUSIC 标识、实时时钟、WiFi 信号、电池电量。 播放界面:频道号 CH 01/21、大号歌名,一排曲目进度格子,当前播放曲目格子高亮红色。 无需手机 App:设备启动后会广播热点 TYMusic‑XXXX,手机连接该热点,访问网页 192.168.4.1。 在配置网页搜索家庭 WiFi、填写密码、填入云歌单 ID,保存后设备自动重启,直接开始播放。 技术路线 基于开源项目 FoloToy/ai‑passport,ESP‑IDF 5.5 工程,硬件驱动直接复用官方资料,工程分为两层: 板级层(BSP):LVGL9 屏幕驱动、ES8311 音…
前端设计风格 Skill 技能|整合 58 家大厂设计规范,让 AI 一键生成高颜值标准化网页
Skill 简介 做网站的时候选配色、选字体这些事挺耗时间的。我做了个叫 ColorSpace 的 Skill,里面放了 Stripe、Notion、Vercel、Apple 等 58 个品牌的设计规范数据。你告诉它要做什么类型的网页,它会推荐几个合适的品牌风格,选一个之后它会按那个品牌的配色、字体、组件规范来生成页面。 使用场景 平时让 AI 帮忙写页面,功能上一般没问题,但视觉效果经常不太行。配色、间距、字体这些没个标准,出来的页面总感觉差点意思。 后来想到一个办法:与其让 AI 自己"发挥",不如直接给它一套现成的设计规范照着做。比如告诉它"按 Notion 的设计规范来",Notion 用什么蓝、标题多大、按钮什么样式,这些数据都是现成的。AI 有了明确的参照,生成的页面质量确实好不少。 这个 Skill 就是把这个过程自动化了 创作过程 大概分了三步。 第一步是整理数据。 原始design.md数据来自 GitHub 上的 awesome-design-md 项目,60 多个品牌的设计系统,每个品牌一份 DESIGN.md,包…
网页博客至小程序的跨越:个人内容管理生态开发实践
前言: 一直用的 WordPress 博客,主要是平时记录一些开发经验。俗话说 “好记性不如烂笔头”,可能有时候生活中发现一些新鲜的东西,或者开发时遇到了什么问题,都能记录起来。为了防止以后忘了、需要用时能找到,我搭建了这个博客。 时间久了,感觉每次都要打开网页挺麻烦的,尤其有时候用手机,打开网页操作起来更不方便。之前我有过一些开发小程序的经验,于是就结合现有的 WordPress 博客,开发了一个微信小程序,现在可以方便地用微信打开,并且管理博客里的一些内容。 一、项目筹备:定位与技术选型 产品定位思考 参考 "技术博客 + 工具属性" 的混合模式,我们明确了 "漫川能量站" 的核心价值:将 WordPress 的专业内容通过小程序轻量化呈现,同时保留社交互动功能(如实现的评论、分享功能)。这种定位既区别于纯资讯类小程序的信息堆砌,也不同于复杂社区产品的功能冗余,形成 "内容 + 工具 + 社交" 的三角支撑结构,让用户能便捷获取 "能量" 的同时,也能参与互动分享。 技术栈决策 后端:沿用 WordPress 原生架构,核心原因有三:一是成熟的内容管理生态,能快速编辑、分类文章,降…