跳转到主要内容
工程指挥台
icebreaker 头像

icebreaker

跨端开发与工程化工具围绕 Vite、Tailwind CSS、Vue 与 Node.js,构建现代跨端工作流。

Node.js Edge + Serverless Toolchains

开源作品

为实际问题而做,向每个人开放。

从跨端界面到 AI 工作流、本地数据库,再到支撑交付的工程工具。

从你要解决的问题开始

选择一项任务,找到适合的入手项目。

最多选择 3 个项目,对照用途与能力。

把 Tailwind 带入小程序weapp-tailwindcss · Mini-program starter collection
升级小程序开发流程weapp-vite · weapp-agent

weapp-agent

源码预览

在使用 AI 开发 weapp-vite 项目时,补充工程诊断与验收检查。

源码预览阶段;部分验收命令需要源码构建,尚未包含在已发布的预览包中。

把应用数据保存在本地weapp-sqlite

weapp-sqlite

开源项目

通过宿主适配器使用本地 SQL 查询、事务与持久化存储。

其他小程序适配器仍需官方开发者工具与真机验收,不代表所有平台都已正式支持。

统一 Monorepo 交付流程repoctl
留待后看已收藏项目: 0

收藏保存在此浏览器中。打开项目继续了解,或加入对照一起查看。

还没有收藏项目。

点击项目上的“收藏”按钮,就能把它留在这里稍后查看。

下载本地 JSON 备份,或导入不超过 64 KB 的备份。导入会合并清单并保留已有收藏,文件仅在当前设备处理。

完整作品集

探索这些作品背后的工具、基础库、应用与技术文章。

可用中文或英文搜索项目名称、能力、说明与阶段。多个词用空格分隔,可缩小结果范围。

最多选择 3 个项目,对照用途与能力。

25 个项目与系列

weapp-tailwindcss让 Tailwind CSS 适配小程序与跨端框架,并生成符合各平台约束的生产样式。展开详情

开源项目

适用场景: 希望在小程序与 Web 应用间复用原子化样式的团队。

  • 按平台约束转换选择器与单位
  • 接入 uni-app、Taro 与原生开发流程
  • 通过 CLI 与框架示例逐步接入

事实来源

weapp-vite把 Vite 构建、HMR、路由与 Vue SFC 工作流从小程序扩展到 Web 和更多运行时。展开详情

开源项目

适用场景: 希望渐进引入现代工具链、不必一次重写全部页面的小程序开发者。

  • 使用 Vite 配置与快速开发反馈
  • 组织路由、组件与分包
  • 支持原生模板、Wevu 与 Vue SFC 开发

事实来源

weapp-agent为 AI 辅助小程序开发提供工程诊断与可验证的验收流程。展开详情

源码预览

适用场景: 使用 AI 工具开发 weapp-vite 原生或 Wevu 项目的开发者。

  • 通过 MCP 与 CLI 提供工程工具
  • 汇集构建检查、截图与日志
  • 接入已有 AI 宿主或使用独立 Agent 模式

源码预览阶段;部分验收命令需要源码构建,尚未包含在已发布的预览包中。

事实来源

weapp-sqlite面向小程序与 Web 宿主的可插拔 SQLite 工具集,让应用数据保存在用户设备上。展开详情

开源项目

适用场景: 需要本地 SQL 查询、事务与持久化存储的应用。

  • 复用异步查询、事务与迁移接口
  • 通过 IndexedDB 持久化 Web 数据库
  • 通过 weapp-vite 选择适配器与 WASM 资源

其他小程序适配器仍需官方开发者工具与真机验收,不代表所有平台都已正式支持。

事实来源

repoctl面向 pnpm 和 Turborepo Monorepo 的任务优先 CLI,覆盖初始化、维护、验证与发布。展开详情

开源项目

适用场景: 需要统一工作区配置、检查与发布流程的维护者。

  • 初始化工作区并从模板创建包
  • 共享工具配置与工作区健康检查
  • 通过变更意图组织稳定版与预发布

事实来源

modern-ahocorasick一次编译词典,在 Unicode 文本中完成多关键词查找、计数与替换。展开详情

开源项目

适用场景: 需要多模式匹配与可靠匹配区间的文本处理系统。

  • 返回兼容 JavaScript slice() 的匹配区间
  • 通过 Node 与 Web 流式适配器处理文本
  • 在交互工作台中观察状态转移与匹配

事实来源

mokup面向 Vite 开发、CLI 构建与运行时适配的文件路由 Mock API 工具。展开详情

开源项目

适用场景: 需要提前验证接口与前端交互的团队。

  • 按文件名组织 JSON、JSONC 与 TypeScript 处理器
  • 控制响应头、延迟与中间件

事实来源

tailwindcss-mangle通过构建期映射统一转换 Tailwind 工具类名称。展开详情

开源项目

适用场景: 需要在打包流程中混淆工具类名称的项目。

  • 通过 tailwindcss-patch 提取 Tailwind 上下文
  • 通过 unplugin 接入 Vite 与 webpack

事实来源

iconctl将设计工具中的图标和本地 SVG 转换为经过校验、可复用的 Iconify JSON。展开详情

开源项目

适用场景: 需要在多个应用中共享图标集合的设计系统。

  • 从 Figma 与本地 SVG 目录导入
  • 清理、校验、预览并分发图标集合

事实来源

javachanges为 Maven 与 Gradle 仓库提供类似 Changesets 的发布规划流程。展开详情

开源项目

适用场景: 希望在 Git 中审阅版本变更与发布计划的 Java 团队。

  • 校验变更意图并生成发布计划
  • 生成变更日志并执行发布前检查

事实来源

PostCSS plugins围绕 CSS 单位转换与响应式样式的一组插件。展开详情

开源项目

适用场景: 需要为不同屏幕与运行时适配样式的构建流程。

  • 转换 rem、px、rpx 与视口单位
  • 通过规则与平台预设控制转换

事实来源

node-ip2region / ip2region-ts基于 ip2region Node SDK 的 TypeScript 发行版,内置 XDB 数据库。展开详情

开源项目

适用场景: 需要离线查询 IP 地域信息的 Node.js 服务。

  • 支持文件查询与缓存查询
  • 提供 CommonJS 与 ESM 入口

基于 lionsoul2014/ip2region 改编,原始实现归功于上游作者。

事实来源

async-validator-next基于 async-validator 的 ESM 与 TypeScript 改编版,并提供 Zod 适配器。展开详情

开源项目

适用场景: 需要结合 Schema 规则与异步校验的应用。

  • 使用同步或异步规则校验嵌套字段
  • 通过 zodRule 复用 Zod Schema

基于 yiminghe/async-validator,保留原始 API 与上游署名。

事实来源

vue-fabric-fiber用可组合的 Vue 组件管理 Fabric.js 对象并同步画布状态。展开详情

开源项目

适用场景: 需要构建交互式画布编辑器的 Vue 应用。

  • 通过类型化 v-model 绑定画布图形
  • 通过 RenderGroup 协调异步图层

事实来源

lid-sleep通过 macOS 菜单栏与 CLI 控制笔记本合盖后的休眠行为。展开详情

开源项目

适用场景: 需要保持远程 SSH 或网络会话的 Mac 用户。

  • 通过菜单栏或 CLI 切换系统休眠
  • 通过 Homebrew 安装并构建 Swift 应用

事实来源

Agent skills面向 AI 辅助小程序开发与迁移的可复用工程实践。展开详情

开源项目

适用场景: 希望让编码 Agent 遵循项目实践的开发者。

  • 覆盖 weapp-vite、Wevu、Vue SFC 与迁移流程
  • 通过 skills CLI 安装所需实践

事实来源

weapp-core围绕小程序类名与正则表达式的基础工具。展开详情

开源项目

适用场景: 小程序编译器与样式适配器的作者。

  • 转义类名并复用平台正则工具

事实来源

weapp-pandacss将 Panda CSS 的编译期样式开发方式引入小程序项目。展开详情

开源项目

适用场景: 希望在 Taro 与小程序构建中使用 Panda CSS 的团队。

  • 将 Panda 生成流程接入 PostCSS 管线

事实来源

tailwindcss-rem2px-preset通过 Tailwind 配置预设将 rem 改为 px 或 rpx。展开详情

开源项目

适用场景: 仍使用 Tailwind 配置预设、且受单位约束的项目。

  • 自定义基础字号与目标单位

事实来源

tailwindcss-miniprogram-preset早期通过配置预设将 Tailwind 工具类带入小程序的方案。展开详情

历史项目

适用场景: 需要研究或迁移旧版接入方案的维护者。

  • 适配工具类并将 rem 转为 rpx

README 推荐使用后续的 weapp-tailwindcss 获得更完整的接入能力。

事实来源

uni-app-tailwindcss-template集成 uni-app、Vue 3 与 Tailwind CSS 的模板,并提供项目初始化 CLI。展开详情

开源项目

适用场景: 需要用统一技术栈启动小程序、H5 或 App 项目的团队。

  • 集成 Pinia、国际化、图标与自动导入
  • 参考可运行页面与跨端样式示例

事实来源

Mini-program starter collection针对不同小程序工具链组织的 Tailwind CSS 入门模板。展开详情

系列作品

适用场景: 需要为既有框架选择接入起点的开发者。

  • 对照 uni-app、Taro、Mpx 与 HBuilderX 配置

事实来源

Web & serverless starters覆盖前端组件库、NestJS 与 Serverless 部署的参考项目。展开详情

系列作品

适用场景: 需要参考应用初始化与部署方式的开发者。

  • 参考 Vite 应用与组件库脚手架
  • 查阅 Nuxt 与 NestJS 的 Serverless 示例

参考模板的依赖版本各自独立,新建项目时请先阅读对应 README。

事实来源

deep-in-vue从 Vue 模板与编译宏出发,理解生成代码与运行时行为。展开详情

开源项目

适用场景: 希望理解框架工作原理的 Vue 开发者。

  • 研究 SFC、JSX、指令与渲染函数
  • 理解编译优化与响应式、patch 的关系

事实来源

icebreaker blog持续积累的工程笔记与个人技术博客源码。展开详情

开源项目

适用场景: 希望了解工程实验与项目背景的读者。

  • 回顾从 GitHub Pages、Serverless 到静态托管的演进

事实来源

感谢支持我的赞助者

感谢你们对我持续创作与开源维护的支持。

赞助 icebreaker

这里展示直接赞助 icebreaker、并同意公开致谢的个人与企业。

赞助不是购买技术支持、模板、云构建额度或订阅权益。公开展示需要 GitHub 身份确认、维护者审核和明确授权;匿名或未授权记录不会进入名单。

正在加载最新赞助者名单…

从问题到可维护交付

用结果、协作边界与质量约束说明完整交付过程。

把产品意图落到界面把交互、内容、可访问性与性能约束整理为可维护的产品体验。
负责结果
把产品意图转化为可用界面、文档体验和设计系统表面。
协作边界
向服务与工具链工作反馈 API 预期、内容模型和采用问题。
质量约束
在视觉打磨扩张前,先暴露性能、可访问性和主题行为。
  • 设计系统与文档站
  • 亮色 / 暗色视觉系统
  • 以性能为先的界面交付
让服务契约清晰可测在联调之前明确稳定行为、可模拟边界与失败状态。
负责结果
定义稳定 API 行为、本地 Mock 表面和可接入模型服务的运行时适配。
协作边界
把前端状态连接到可部署服务和可测试契约。
质量约束
让请求处理、类型契约和环境差异保持明确。
  • 文件路由 Mock API
  • 类型化路由契约
  • AI API 网关适配
让轻量服务可靠运行用轻量基础设施组织部署、定时任务和可观测性。
负责结果
把有价值的自动化和轻量服务推近用户与定时运行场景。
协作边界
承接上层交付的构建产物、服务契约和发布流程。
质量约束
在不引入重型基础设施的前提下保持部署目标可观测。
  • 边缘优先部署目标
  • 调度任务自动化
  • CI/CD 发布纪律
把平台限制收进工具链通过适配器与转换层保留熟悉工作流,并输出目标平台可用产物。
负责结果
把平台限制转化为构建插件、转换器、适配层和可重复项目结构。
协作边界
提供界面、API 与发布路径都依赖的开发工作流。
质量约束
通过示例、文档和检查,让编译行为保持可解释。
  • 跨端转换管线
  • HMR 与适配层
  • 可重复的开源维护流程

常用工具

按工作场景展示代表项,需要时再展开完整清单。

AI 系统

OpenAIAnthropicGrok

Web 与边缘

NuxtVueTailwind CSS

交付工具

TypeScriptViteRolldown
查看全部 25 项工具收起完整工具清单

AI 系统

OpenAI Anthropic Grok Hugging Face LangChain Ollama MCP Cursor

Web 与边缘

Nuxt Vue Tailwind CSS Hono Bun Cloudflare Workers Vercel Supabase Turso Drizzle

交付工具

TypeScript Vite Rolldown Turborepo Vitest Playwright GitHub Actions
查看项目历程收起项目历程
  1. 2016 - 至今Icebreaker Universe持续发布面向应用工作流与构建流程的开源工具。
  2. 2021 - 至今weapp-tailwindcss让 Tailwind 编译能力从小程序兼容逐步走向跨端工作流。
  3. 2022 - 至今repoctl构建面向 pnpm 和 Turborepo Monorepo 的任务优先 CLI,覆盖初始化、维护、验证与发布。
  4. 2024 - 至今weapp-vite把 Vite 构建从小程序目标逐步扩展到 Web 与更多运行时。
  5. 2026 - 至今mokup推出基于文件路由的 Mock 工具链,覆盖 Vite、CLI 构建与运行时适配。

源码、文章与动态

选择合适的入口,查看开源项目、工程笔记与发布动态。