把照片压进纸里:开源小工具「纸痕」
作者将此前「盲压浮雕」AI绘画概念做成无需AI的开源网页小工具「纸痕·盲压浮雕工坊」。导入照片后,工具可去除原色,通过亮边和阴影模拟纸面压痕浮雕效果,用户可调整纸色、压痕深浅、细节简化、侧光方向和纸纹,支持凸/凹切换和多种裁切比例,导出最高3200像素PNG。照片在浏览器本地处理,不上传服务器,无需登录和API,采用MIT许可证开源,适合制作人像配图、宠物纪念卡、壁纸等视觉素材。
作者将此前「盲压浮雕」AI绘画概念做成无需AI的开源网页小工具「纸痕·盲压浮雕工坊」。导入照片后,工具可去除原色,通过亮边和阴影模拟纸面压痕浮雕效果,用户可调整纸色、压痕深浅、细节简化、侧光方向和纸纹,支持凸/凹切换和多种裁切比例,导出最高3200像素PNG。照片在浏览器本地处理,不上传服务器,无需登录和API,采用MIT许可证开源,适合制作人像配图、宠物纪念卡、壁纸等视觉素材。
介绍一个有趣且可直接使用的开源图像浮雕小工具,实用性强、创意新颖且发布当天内容极具时效性,但缺乏技术实现细节和深度分析。
本文是 Codex-OpenPencil 插件的快速上手教程,以设计一个服装购物 APP 为例,完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改,到图片生成与搜索、保存设计资产,再到设计稿转代码的全流程。插件免费开源,提供支持平移缩放的无限画布,Codex 负责理解需求并调用工具,OpenPencil 负责设计展示与编辑,可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。
作者开源了一个名为「孔版印刷机」的网页小工具,可将照片转成复古孔版印刷风格。工具提供7组控制项:油墨颜色、色彩数量、明暗阈值、网点大小、套印偏移、纸张颗粒和效果强度,支持原图/效果图对比查看与随机配色。图片在浏览器本地处理,使用WebGL加速并提供本地Worker回退,可导出原尺寸PNG。项目采用MIT许可,源码托管在GitHub,可直接打开index.html使用,为内容创作者提供了新的封面风格选择,也是动手做工具的起点。
作者整理了 20 种与动画、物理、3D、声音及交付相关的开源技能与工具库,涵盖 Remotion、HyperFrames、Anime.js、React Spring、PixiJS、p5.js、Paper.js、Matter.js、Three.js、Rapier、OGL、tsParticles、glTF Transform、GL Transitions、OBS Studio、Chatterbox、Tone.js、faster-whisper、OpenCut 和 FFmpeg。每个工具附有简介和 GitHub 链接,覆盖从视频渲染、动画编排、图形绘制到配音、字幕转录和视频编码交付的完整创作流程。
作者 Dilum Sanjaya 发布了一个交互式学习应用 learn-esp32.vercel.app,延续其此前的 Arduino 学习工具,将复杂的 ESP32 硬件知识拆解为一个个简单电路课程,帮助初学者逐步上手。该应用使用 Opus 5.5 构建。帖子引发众多网友好评,有人建议将其开源,作者表示考虑构建一个开源项目,让任何人都能贡献自己的电路创意。该工具展示了 AI 辅助开发在硬件教育领域的应用潜力。
作者开发了一个免费开源的雅思背单词网站「词光」,收录 7298 个雅思词汇,每个词配有原创插画、英音美音发音和例句真人配音(使用 ElevenLabs 生成)。网站无需注册即可使用,通过词汇星图点亮星星的互动方式增加学习趣味。文章发布后获得大量好评,网友建议包括做成 App、支持自定义每日单词量、优化字体、改善配图记忆技巧等,作者均积极回应并表示会跟进改进,还计划支持初高中词库和扩展到其他学习领域。
作者介绍了开源项目 AI Design Skills,目前提供 landing-page-design 技能,适用于 Claude Code、Cursor、Codex 等可读取规则文件的 AI 编程工具。它不是现成模板,而是一套从内容到视觉的制作规则:先明确产品定位与用户目标,再组织页面结构;统一字体、间距、配色和动效等视觉系统;并补齐按钮悬停、加载、空页面、报错、表单校验、移动端适配和无障碍等交付细节,避免 AI 生成千篇一律的默认样式。评论区还交流了表单校验保留已填内容等实用经验。
花叔开源的AI设计技能huashu-design发布3.0版本,该技能可让agent自动生成网页、PPT、App原型、信息图等设计。3.0主要改进:先出六个候选再挑三个成稿;现实参照改为同媒介并先截图;风格库从60种扩到84种(新增中文与东亚风格);App原型采用有构图的展示板;新增本机记录系统(经验、外观账本、设计体检)实现越用越懂用户;坚持事实核实。作者分享了三轮迭代的过程,核心教训是:对agent应加选项而非禁令,禁令会让设计变得保守无聊,提供更多可见样例反而能激发更好的设计。
作者受亦仁一条推文启发,开发了一款 Chrome 插件 x-follower-lens,用于在 X 上更真实地判断账号质量。插件不调 API、不发网络请求,仅读取页面已有数据,为账号添加七个标签:大 V、互关、疑似互粉号、新号老号、高互动低活跃等,通过粉丝关注比、互动率等指标识别互粉刷量账号。插件支持自定义显示样式和阈值,按粉丝量分五档颜色,并提供详情卡。从想法到可用插件仅用一个下午,作者借助 AI 完成开发,感慨技术门槛正在快速下降。插件已开源。
文章探索用 AI 生成高质量界面设计的边界,介绍让 Agent 做界面设计的方法:先按品类和品牌推出设计方向,生成多套可对比的方案,再通过实际截图进行迭代,避免直接套用模型的默认审美模板。作者还开源了 oil-ui 项目,展示如何把 AI 的 UI 设计能力推到极限。
作者因 Claude 账号被封,无法使用 Opus 5.5 的代码动画玩法,于是尝试用 Codex 复现该路线:将参考视频交给 Codex 分析画法、编写剧本、拆分镜,最终用 p5.js 和 Canvas 生成动画并导出带中文旁白、配乐的 MP4。作者还将做法整理成开源 Skill(wtt-code-animation-studio),支持剧本编写、十种画风推荐与选择、配音、渲染导出等全流程,并验证了同一角色在扁平、沙画、粒子等画法下的多种组合,以及随机三种风格混合的新故事测试片。
作者分享在开发 APP 时使用的 Apple Design Skill,它将 Apple WWDC 设计分享中的界面与动效原则整理成 AI 指导,帮助改善界面层级、反馈和整体连贯性,效果接近苹果原生 App 风格。该 Skill 来自 Linear 设计师 Emil Kowalski 开源的 AI Agent Skills 项目(GitHub Star 近 4w),还包括设计工程总则、动画制作与审查、原型方案生成、移动端网页优化、Swift 编写、UI 组件库选择等多个实用 Skill,适合前端与设计开发场景使用。