🚀🌙 Take a small step towards a full stack developer.
收藏一些全栈开发相关的工具、资源、教程、最佳实践。
Tip
My Best Practices
- 能用 AI 做，不要自己做，逐渐放手。领悟的最好方法是让 Agent Tool 在你的专业领域完成你指定的工作，然后查看效果。
- 确定好技术栈，用脚手架和模板框定 AI 能力边界！用脚手架和模板框定 AI 能力边界！
- 需求对话占据 80% 的时间，然后 DEBUG 和迭代占据 20% 的时间。
- 白嫖很好，但有时候免费的才是最贵的。
- 任务不要太长，记得 /compact
- 睡前可以挂一个免费的模型跑任务 😆
- Cherry Studio: All-in-one desktop LLM client.
- 可以当做 API key 管理器
- AI app all in one
- 知识库、agent 都可以放在一起用
- OpenCode：用户体验不错。
- oh-my-opencode: OpenCode Plugin
- zcf: Zero-Config Code Flow for Claude Code & Codex
- Codex: Debug 很好，能力很强，但是任务运行时间太久
- Claude Code: 生态最完善，功能最齐全，有一些奇怪小 Bug。可以上一些国产模型，比如 MiniMax GLM 等
- Gemini CLI：UI 可以
brew install --cask codex
brew install --cask claude-code
brew install gemini-cli- Cursor：Tab 神器，新上 Plan 模式和网页模式挺有意思的。
- Antigravity, Windsurf
- Trae CN
- Visual Studio Code
- Context7 MCP
- Playwright MCP
- shadcn MCP
- Exa MCP
- GitHub MCP: GitHub's official MCP Server
- 高德地图 MCP Server: 高德地图 API 的 MCP Server
- chrome-devtools-mcp: Chrome DevTools for coding agents
- OpenSpec: Spec-driven development for AI coding assistants.
- Spec-kit: Toolkit to help you get started with Spec-Driven Development
提问语句：
read this @SPEC.md and interview me in detail
using the AskUserQuestionTool about literally anything:
technical implementation, UI & UX, concerns, tradeoffs, etc.
but make sure the questions are not obvious
be very in-depth and continue interviewing me continually
until it's complete, then write the spec to the file.
/plugin marketplace add anthropics/skills/plugin- planning-with-files: Manus 风格持久化 Markdown 规划
- ui-ux-pro-max-skill: 多平台专业 UI/UX 设计智能
- notebooklm-skill: Claude Code 与 Google NotebookLM 通信，查询上传文档并获取基于引用的答案
- obsidian-skills: Obsidian 的 Claude Skills 集合
- awesome-claude-code: Claude Code 精选命令、文件和工作流列表
- 腾讯 IMA: 腾讯良心产品
-
ComfyUI: 用 AI 生成视频、图像、音频
-
Image
- 🍌
- ZHO-nano-banana-Creation: Nano-banana 创意玩法大合集，包含 46+ 种 AI 图像/视频生成创意玩法
- 🍌
-
Video
-
Audio
- 调用类：ElevenLabs, 火山引擎, 科大讯飞, Fish Audio, OpenAI TTS, SiliconFlow, 腾讯云, 阿里云百炼
- 本地部署类：EdgeTTS, Fish Speech, GPT-SoVITS V2, GPT-SoVITS V3, Index-TTS, PaddleSpeech
好用的开发模版
- Next.js
- TypeScript
- biome: Next.js 项目
- tailwindcss+shadcn/ui
- tweakcn: 风格模版
- motion: 动画库
- zustand: 前端状态管理库
- TanStack Query: 数据查询库
- react-hook-form: 表单库
npx create-next-app@latest my-app- Taro: 使用 React/Vue 开发多平台小程序应用
- uni-app: 使用 Vue 开发多平台应用（小程序、H5、App）
- electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
- Python
- Go
- Java
- nestjs
- Vitest: 单元测试
- Playwright: 端到端测试
- new-api: AI 模型聚合管理与分发系统，支持 OpenAI/Claude/Gemini 统一格式调用
-
Dagger：可编排的 CI/CD 引擎
-
commit hooks:
- pre-commit：多语言 pre-commit hooks 管理框架
- husky 适合前端项目
-
Linter:
- eslint/eslint: JavaScript/TypeScript 静态分析
- prettier/prettier: 代码格式化
- rbubley/mirrors-prettier for pre-commit
- biomejs/biome: 一体化 Linter & Formatter & Bundler（ESLint + Prettier 替代）
- markdownlint: Markdown 静态分析
- autocorrect: CJK 排版自动修正
- Logfire：Python 日志分析与可视化
- Uptime Kuma
- Prometheus
- Grafana：指标与日志可视化
- Wireshark
- Reqable 小黄鸟，可抓包小程序
- Stream iOS 抓包
- WeChatOpenDevTools 微信强制开启 F12，Mac 不可用
- Cloudflare：CDN，云函数
- Aliyun
- Vercel：前端托管与边缘函数
- Figma: 产品设计与原型设计
- iMockup: 模型机动画
- Jitter: 产品视频介绍模版
- Open Screen: 免费开源的演示视频工具
- OBS Studio: 免费开源的直播和屏幕录制软件
- Microsoft Clarity: 免费热图与会话记录
- Google Analytics
- 软著登记：中国版权保护中心
- 专利申请：专利业务办理系统
- 商标注册：国家知识产权局商标局
- ICP 备案：ICP 信息备案管理系统
- ICP 资质：
- 本项目采用 CC0 1.0 Universal，你可以自由复制、分享与改编。
- 阅读并遵循 Contributing Guide。
- 提交或修改资源前请确认链接有效，并参考 Code of Conduct。
- 使用 Issue Templates 与 Pull Request Template 保持讨论高效。
- 使用 huacnlee/autocorrect, DavidAnson/markdownlint-cli2-action 与 gaurav-nelson/github-action-markdown-link-check 进行自动化检查。
- 使用 Shields.io 和 Simple Icons 生成项目 Badges。
- 感谢所有 Contributors!