Awesome Full Stack

🚀🌙 Take a small step towards a full stack developer.

收藏一些全栈开发相关的工具、资源、教程、最佳实践。

信息源

• Linux.do
• Hacker News
• OSPP
• 小宇宙

AI 相关

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 都可以放在一起用

CLI 工具

• OpenCode：用户体验不错。
  • oh-my-opencode: OpenCode Plugin
• zcf: Zero-Config Code Flow for Claude Code & Codex
• Codex: Debug 很好，能力很强，但是任务运行时间太久
• Claude Code: 生态最完善，功能最齐全，有一些奇怪小 Bug。可以上一些国产模型，比如 MiniMax GLM 等
  • CN Documentation
• Gemini CLI：UI 可以

brew install --cask codex
brew install --cask claude-code
brew install gemini-cli

IDE

• Cursor：Tab 神器，新上 Plan 模式和网页模式挺有意思的。
• Antigravity, Windsurf
• Trae CN
• Visual Studio Code

MCP

• 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

Spec Tools

• 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

Skills

/plugin marketplace add anthropics/skills

/plugin

• planning-with-files: Manus 风格持久化 Markdown 规划
• ui-ux-pro-max-skill: 多平台专业 UI/UX 设计智能

知识库

• 腾讯 IMA: 腾讯良心产品

多模态

• Image
  • 🍌
    • ZHO-nano-banana-Creation: Nano-banana 创意玩法大合集，包含 46+ 种 AI 图像/视频生成创意玩法
• Video
  • Sora
  • Veo - Google DeepMind
• Audio
  • TTS: ElevenLabs

工具

• iTerm2：Mac 下最好的终端
• Hyprland: Linux 动态平铺 Wayland 合成器
• Vim
  • lazyvim
  • Neovim

Template

好用的开发模版

• Next.js & shadcn/ui Admin Dashboard
• next‑shadcn‑dashboard‑starter
• shadcn-admin-starter-template

前端

• electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
• Next.js
  • TypeScript
  • biome: 配置更简单、更快速的 linter/formater
  • tailwindcss+shadcn/ui
    • tweakcn: 风格模版
  • motion: 动画库
  • zustand: 前端状态管理库
  • TanStack Query: 数据查询库
  • react-hook-form: 表单库

npx create-next-app@latest my-app

• Taro: 使用 React/Vue 开发多平台小程序应用

后端

• Python
  • uv: package and project manager
  • ruff: linter and code formatter
  • pyrefly: 快速的 Python LSP 和 linter
  • fastapi
• Go
  • gin
  • gorm
• Java
  • Spring Boot
• nestjs
  • Vitest: 单元测试
  • Playwright: 端到端测试

用户管理与认证

• Casdoor
• next-auth

数据库

• Supabase

中间件

• new-api: AI 模型聚合管理与分发系统

应用部署

• Docker
• Kubernetes

网络

• Caddy：反向代理最佳实践
• Tailscale / ZeroTier 内网穿透工具

CI/CD

• GitHub Actions
• dokploy
• coolify
• jenkins
• Dagger：可编排的 CI/CD 引擎
• Drone CI

运维与监控

• Logfire：Python 日志分析与可视化
• Uptime Kuma
• Prometheus
• Grafana：指标与日志可视化

抓包

• Wireshark
• Reqable 小黄鸟，可抓包小程序
• Stream iOS 抓包
• WeChatOpenDevTools 微信强制开启 F12，Mac 不可用

云服务

厂商

• Cloudflare：CDN，云函数
• Aliyun
• Vercel：前端托管与边缘函数

域名

• 阿里云域名

CDN 服务

• Atlassian Statuspage

运营

宣传

• Product Hunt
• X

内容与文档

• MkDocs

• VuePress

• fumadocs

• Jekyll

  • minima

• reveal-md

• Slidev

产品介绍

• Figma: 产品设计与原型设计
• iMockup: 模型机动画
• Jitter: 产品视频介绍模版
• Open Screen: 免费开源的演示视频工具
• OBS Studio: 免费开源的直播和屏幕录制软件

用户洞察

• Microsoft Clarity: 免费热图与会话记录
• Google Analytics

流程与合规

• 软著登记：中国版权保护中心
• 专利申请：专利业务办理系统
• 商标注册：国家知识产权局商标局
• ICP 备案：ICP 信息备案管理系统
• ICP 资质：

License

• 本项目采用 CC0 1.0 Universal，你可以自由复制、分享与改编。

Contributing

• 阅读并遵循 Contributing Guide。
• 提交或修改资源前请确认链接有效，并参考 Code of Conduct。
• 使用 Issue Templates 与 Pull Request Template 保持讨论高效。

Acknowledgments

• 使用 huacnlee/autocorrect, DavidAnson/markdownlint-cli2-action 与 gaurav-nelson/github-action-markdown-link-check 进行自动化检查。
• 使用 Shields.io 和 Simple Icons 生成项目 Badges。
• 感谢所有 Contributors!