{ /* Chik.io */ }
Full-Stack Developer & Frontend Engineer

Chik.io

帮你做 · 教你做 · 帮你想

SupersupErChik
12+ 技术栈 5 精选项目 好奇心
向下滚动
/01

ABOUT

帮创业者把产品落地——从零搭建或烂尾接手,一周内上线:海外 SaaS · Uniapp 小程序 · 微信 H5 传播页

所有外包平台都在帮你找开发者——我是帮你收拾烂摊子的。

如果你脑子里天天蹦 idea 但代码无能——或者外包被坑了、项目烂尾了不知道怎么收场——

这里就是给你的。

了解更多关于我的故事 ↓ +
Mallo,world!
重生之我在2026年学编程——
上一世的我死磕算法题,手搓数据库,深耕Springboot架构,生撕面试场景500题,身边同学顶不住压力纷纷转行,唯有我苦苦坚守传统编程最后的净土
终于,在毕业季同龄人遗憾斩获大厂offer或国企铁饭碗,还在为自己考研上岸而追悔莫及的时候,我没能熬过上一个冬天,早早冻死了
不是浪漫的猝死——就是那种:投了三百份简历、面了八轮、薪资越卷越低、身体越熬越垮、最后简历过期、存款归零、暖气费交不起的——quietly dead in a rented room 式的死法
重活一世,看着还在图书馆把头发薅秃的同学们,我悟了:2026年,手敲代码之人跟m没区别,我的选择是顷刻投入vibe coding的海洋,通过数字产品赚到我的第一桶金,然后出任CEO迎娶白富美走上人生巅峰!
我拍了拍还在背诵前端八股文的兄弟,心中暗道:
人工智障式开发,不香吗?
都是同龄人我原本没想酱味大鸡!

跟92硕博竞争?百万人过独木桥?
而我的选择是——
他强任他强,我直接内置星星工作流

海外SaaS | Uniapp(小程序) | Web搭建 | 微信H5or验证页
这里是我们的未来
如果你脑子里也天天蹦 idea 但代码无能 /或者你是技术大牛却"贫瘠潦倒"找不到分发出口
诚邀您看下去———
/02

SERVICES

🛠️

BUILD · 帮你做

你有产品想法,我帮你快速落地——平均 2 天交付 MVP。外包项目烂尾了?我来接手重建,两周内让它上线。

海外 SaaS Uniapp 小程序 微信 H5 传播页

有产品想法但缺技术实现的创业者 · 需要快速验证的小团队 · 外包被坑、项目烂尾了?我来接手重建

1 需求对齐 → 2 报价 & 排期 → 3 开发交付 → 4 上线支持

外包项目出问题了?免费诊断 →
🎓

LEARN · 教你做

不是录播课——是 1v1 项目陪跑。用你的真实项目做教材,我把踩过的坑直接告诉你。没有"包教包会",只有"边做边学"。

Vibecoding 入门 小程序实战 SaaS 从 0 到 1

脑子里天天蹦 idea 但代码无能 · 想做独立开发者但缺实战反馈 · 想用 AI 提效而非从零学编程

真实项目驱动 · 1v1 陪跑反馈 · 踩坑经验直接给

了解教学计划 →
💬

CONSULT · 帮你想

你有困惑,我帮你理清方向。产品 / 技术 / 职业——都可以聊。

大学生规划 产品需求验证 独立开发者转型

迷茫中的学生 · 想验证 idea 的创业者 · 在转型期的程序员

1 预约时间 → 2 提交背景 → 3 深度对话 → 4 行动清单

预约咨询 →
/03

PROJECTS

# PROJECT STACK
★ 01 Panora TypeScriptNext.jsYouTube 、X APIOAuth 海外 SaaS 标杆:YouTube / X OAuth 登录 → 跨平台数据看板。Next.js 全栈 + 订阅制变现架构。 ★ 02 地球Online评分测试 HTMLCSSJavaScripthtml2canvasH5裂变 微信 H5 裂变标杆:赛博系统 × 杂志拼贴风,24 题测试 + 社交分享生成。验证 H5 传播获客模型。 ◆ 03 CFomatting Word PythonFastAPIpython-docx 实用工具:上传 Word 范本 + AI 生成内容 → 自动排版输出 .docx。Python FastAPI + python-docx,解决大学生排版痛点。 04 AiChess JavaScriptCanvas 2Dα-β 剪枝Zobrist 哈希 算法向:五子棋 AI 对弈。α-β 剪枝 + Zobrist 哈希 + 迭代加深 + Canvas 2D 渲染。 05 Vue Admin System Vue 3TypeScriptVitePiniaElement Plus Vue 3 全栈后台管理系统模板。权限控制 / 动态路由 / 数据表格 / 仪表盘图表 —— 后台高频场景全覆盖。项目已开源!
/04

⭐ 星星工作流

一键让Agent给你干到死——
GITHUBstars第一的工作流/命令封装,硅谷顶级开发者的产品心经,输入即启动

$ man 审讯式PRD

Agent 不会直接接受你的第一描述。它会像审讯官一样连续追问,把每个模糊点变成精准定义——这就是「审讯式拷打」。

每个回答 → 术语定义沉淀 (CONTEXT.md) 每个决策 → 架构记录留档 (docs/adr/) 最终产出 → 精准PRD + 完整边界声明
00
项目初始化 /setup-matt-pocock-skills
Agent 三问 — Issue Tracker / 标签体系 / 文档布局。回答即走,不做多余配置。
CONTEXT.md 术语表就位 + docs/adr/ 就绪
01
需求 → PRD /grill-with-docs
深度审讯式追问:帮你厘清思路,梳理需求,工作留痕。
PRD 发布到 GitHub Issue,标签 ready-for-agent
02
PRD → Issues /to-issues
垂直切片拆分 — 每个 Issue = Schema→API→UI→Test 全走通。
N 个子 Issue 可并行开发,标注 AFK / HITL
03
实现 & 测试 /tdd
Red 写失败的测试 → Green 最少代码过关 →Blue 重构优化。一次一个测试,红时不重构。
每 Issue 独立可验证交付,测试绿全覆盖
04
质量巡检 /improve-codebase-architecture
全库扫描 → HTML 可视化报告。浅模块、紧耦合、Before/After 对比图。
架构报告 + 重构建议,可逐项执行
联系我以获取完整 CLAUDE.md
/05

SKILLLIST

我的 Claude Code 技能库——20 项 Agent 能力,覆盖从需求到部署的全流程。

> skill-list
frontend-design 创建独特的、生产级前端界面,避 AI 塑料感。双轮迭代设计流程
deep-research 深度调研引擎 — 多源搜索 → 交叉验证 → 合成带引用的完整报告
code-review Diff 正确性审查 + 可简化性分析,支持低/中/高三级力度
diagnose 六阶段结构化 Debug 循环:复现→假设→插桩→修复→回归
improve-codebase-architecture 扫描全库,输出 HTML 可视化架构报告,防代码腐化
... 15 项技能已加密,点击解密
> 获取完整 SKILL.md ?联系我
# SKILL OVERVIEW TIER
★ 01 frontend-design 创建独特的、生产级前端界面,避 AI 塑料感。双轮迭代设计流程:构思→批判→编码,严格从设计计划推导每个色值和字体选择 GOLD
★ 02 deep-research 深度调研引擎 — 扇形展开多源搜索 → 交叉验证 → 合成带引用的完整报告。适合需要多维度、事实核查的复杂问题 GOLD
★ 03 code-review Diff 正确性审查 + 可简化性分析,支持低/中/高三级力度。可选 --comment 发布为 PR 行内评论或 --fix 直接应用到工作树 GOLD
★ 04 diagnose 六阶段结构化 Debug 循环:复现→最小化→假设→插桩→修复→回归测试。适用于难以定位的 Bug 和性能退化 GOLD
★ 05 improve-codebase-architecture 扫描全库,输出 HTML 可视化架构报告:模块深度分析、耦合检测、Before/After 对比图、优先级排序。防代码腐化 GOLD
◆ 06 grill-with-docs 深度需求拷问,边问边沉淀术语到 CONTEXT.md + 创建架构决策记录 (ADR)。确保需求与领域模型对齐 SILVER
◆ 07 to-prd 从对话上下文和代码库理解中合成完整 PRD,包含问题陈述→解决方案→User Stories→实现决策→边界声明。自动发布到 GitHub Issue SILVER
◆ 08 to-issues PRD 垂直拆分为可并行开发的曳光弹 Issues,每个 Issue = Schema→API→UI→Test 全走通,标注 AFK/HITL 类型 SILVER
◆ 09 tdd 红→绿→重构循环。一次只一个测试,只验证公共接口行为,不许测私有方法。先绿后重构,红时不重构 SILVER
◆ 10 verify 验证代码变更是否真正生效 — 运行应用并观察行为,确认修复/功能按预期工作 SILVER
◆ 11 handoff 压缩当前对话为交接文档,下一个 Agent 无缝接手。适合上下文过长需要换会话的场景 SILVER
◆ 12 simplify 审查变更代码的复用性、简化性、效率和高层抽象优化。纯质量审查,不猎 Bug(用 code-review) SILVER
• 13 update-config 配置 Claude Code harness settings.json — 权限、钩子、环境变量。支持项目级/用户级配置分离 BRONZE
• 14 loop 按间隔重复运行 prompt 或 slash 命令,支持自定义间隔。适用于轮询部署状态、定时检查等场景 BRONZE
• 15 run 启动并驱动项目应用,支持 CLI/Server/TUI/Electron/浏览器驱动等多种项目类型自动识别 BRONZE
• 16 claude-api Claude API / Anthropic SDK 参考 — 模型 ID、定价、参数、流式、工具使用、MCP、Token 计数、模型迁移 BRONZE
• 17 security-review 安全审查 — 对代码变更进行安全维度扫描,发现潜在安全漏洞和风险点 BRONZE
• 18 init / review 项目初始化 + PR 审查。init 搭建项目骨架,review 拉取并审查 Pull Request BRONZE
• 19 fewer-permission-prompts 扫描 transcripts 中的只读 Bash/MCP 工具调用,添加优先白名单到 .claude/settings.json,减少权限提示 BRONZE
• 20 keybindings-help 自定义键盘快捷键 — 重绑定按键、添加和弦绑定、修改提交键。编辑 ~/.claude/keybindings.json BRONZE
>获取完整 SKILL.md ?联系我
/06

CONTACT

新项目还是烂尾接手?告诉我你的情况——24h 内回复,给出技术方案和报价。

告诉我你的基础和想学的方向——我来定制教学计划。

告诉我你的困惑和背景——我会在 24h 内确认咨询时间。