Awesome Full Stack

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

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

AI 相关

Tip

My Best Practices

• 能用 AI 做，不要自己做，逐渐放手。领悟的最好方法是让 Agent Tool 在你的专业领域完成你指定的工作，然后查看效果。
• 确定好技术栈，用脚手架和模板框定 AI 能力边界！用脚手架和模板框定 AI 能力边界！
• 需求对话占据 80% 的时间，然后 DEBUG 和迭代占据 20% 的时间。
• 白嫖很好，但有时候免费的才是最贵的。

• Cherry Studio: All-in-one desktop LLM client.
  • 可以当做 API key 管理器
  • AI app all in one
  • 知识库、agent 都可以放在一起用
• Token Arena: check token usage in one place.

::: note Best Practices

• 调研技术栈、维护全局技术文档、每次对话即时更新技术文档
• cc planing 模式做规划，ultrawork 模式写代码
• cursor antigravity 进行小规模 debug 以及纠错
• codex 大规模审核与重构、写重要的逻辑
• 5.2pro & gemini 3p deep research :::

配置

• AGENTS.md
• affaan-m/everything-claude-code

CLI 工具

跨端使用

• slopus/happy: mobile & web client
• OpenClaw: Personal AI Assistant
• poco-agent
• agentscope-ai/QwenPaw

终端

• Claude Code: 生态最完善，功能最齐全，有一些奇怪小 Bug。可以上一些国产模型，比如 MiniMax GLM 等
  • cc-switch: 跨平台桌面 AI 助手工具，统一管理 Claude Code、Codex、Gemini CLI
  • everything-claude-code
  • superpower
  • zcf: Zero-Config Code Flow for Claude Code & Codex
  • CN Documentation
• OpenCode：用户体验不错。
  • oh-my-opencode: OpenCode Plugin
• Codex: Debug 很好，能力很强
  • oh-my-codex
• Copilot: 有学生优惠可以用
• Gemini CLI：UI 可以

供给平台

• anyrouter 公益站: 每日 25 刀 cc
• new-api: AI 模型聚合管理与分发系统，支持 OpenAI/Claude/Gemini 统一格式调用
• CLIProxyAPI 中转
• simonw/llm: 命令行访问大模型

搜索

• Tavily
• eze-is/web-access

MCP

注：MCP 可能在不久的将来过时

• MCP APP

General

• Context7
• Playwright MCP
• Exa MCP

Dev

• GitHub MCP: GitHub's official MCP Server
• 高德地图 MCP Server: 高德地图 API 的 MCP Server
• chrome-devtools-mcp: Chrome DevTools for coding agents
• shadcn MCP

Plugins

• obra/superpowers: An agentic skills framework & software development methodology that works.

Skills

/plugin marketplace add anthropics/skills

/plugin

• planning-with-files: Manus 风格持久化 Markdown 规划
• ui-ux-pro-max-skill: 多平台专业 UI/UX 设计智能
• notebooklm-py
• obsidian-skills: Obsidian 的 Claude Skills 集合
• awesome-claude-code: Claude Code 精选命令、文件和工作流列表

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.

IDE

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

知识库

• 腾讯 IMA: 腾讯良心产品

多模态

• ComfyUI: 用 AI 生成视频、图像、音频

• Image

  • 🍌
    • ZHO-nano-banana-Creation: Nano-banana 创意玩法大合集，包含 46+ 种 AI 图像/视频生成创意玩法
    • YouMind 提示词库

• Video

  • Sora
  • Veo - Google DeepMind

• Audio

  • 调用类：ElevenLabs, 火山引擎, 科大讯飞, Fish Audio, OpenAI TTS, SiliconFlow, 腾讯云, 阿里云百炼
  • 本地部署类：EdgeTTS, Fish Speech, GPT-SoVITS V2, GPT-SoVITS V3, Index-TTS, PaddleSpeech

工具

• cmux: 多终端管理工具
  • iTerm2：Mac 下最好的终端
• Amphetamine：Mac 防休眠工具
• tmux
  • A Quick and Easy Guide to tmux - Ham Vocke
  • Make tmux Pretty and Usable - Ham Vocke
• Nvim: 现代的 Vim 替代品
  • Vim
• chezmoi: Dotfiles 管理工具
  • dot-files: 我的 dotfiles

文本处理

• awk: 强大的文本分析与报告生成工具
• sed: 流编辑器，用于文本过滤和转换

前端

• ni: package manager by Antfu

npx create-next-app@latest my-app

• Next.js
  • TypeScript
  • biome: Next.js 项目
  • tailwindcss+shadcn/ui
    • prettier-plugin-tailwindcss: 自动排序类名
  • motion: 动画库
  • zustand: 前端状态管理库
  • TanStack Query: 数据查询库
  • react-hook-form: 表单库

灵感与参考

• tweakcn: 风格模版
• React Bits: UI 组件库
• 60fps: UI/UX animation inspiration for mobile & web apps
• Variant

多平台

• Taro: 使用 React/Vue 开发多平台小程序应用
• uni-app: 使用 Vue 开发多平台应用（小程序、H5、App）
• electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

后端

• Bun: 快速的一体化 JavaScript 运行时
• 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: 端到端测试

包管理

• PYPI
• NPM
• Cargo
• Homebrew

用户管理与认证

• better-auth: 现代化的用户管理与认证解决方案
• Casdoor
• next-auth

数据库

• cloudflare D1

• Supabase 免费量比较小

• sqlite: 轻量级的关系型数据库

• postgres

缓存

• Redis

网络

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

运维与监控

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

抓包

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

Code Quality

Testing

• test-driven
• regression tests
• property-based tests

Code Coverage

• Codecov

Formatter & Linter

• eslint/eslint: JavaScript/TypeScript 静态分析
• prettier/prettier: 代码格式化，可配置性强
  • rbubley/mirrors-prettier for pre-commit
• biomejs/biome: 一体化 Linter & Formatter & Bundler（ESLint + Prettier 替代）
• markdownlint: Markdown 静态分析
• autocorrect: CJK 排版自动修正

commit hooks

• pre-commit：多语言 pre-commit hooks 管理框架
• husky 适合前端项目

云

CI/CD

• GitHub Actions
• dokploy
• coolify
• jenkins
• Dagger：可编排的 CI/CD 引擎
• Drone CI
• qinglong: 支持 Python3、JavaScript、Shell、Typescript 的定时任务管理平台

云原生

• Docker
  • LinuxMirrors: 国内 Docker 镜像站
• k3s: 轻量级的 Kubernetes 发行版
• Kubernetes
• 宝塔面板: 简单好用的 Linux/Windows 服务器运维管理面板

厂商

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

域名

• 阿里云域名

CDN 服务

• Atlassian Statuspage

运营

信息源与宣传

• X
• Linux.do
• Hacker News
• X
• 小红书
• 小宇宙
• 即刻
• Product Hunt
• 观猹
• Folo: All-in-one RSS reader.

多平台内容分发

• 蚁小二: 多平台内容分发订阅服务，支持平台较全
• TurboPush

内容与文档

• MkDocs

• fumadocs

• Jekyll

  • minima

• Vitepress

• reveal-md

• Slidev

设计

设计

• PowerPoint 永远的神
• Figma: 产品设计与原型设计
• Blender: 3D 建模软件

Icon

• iconfont-阿里巴巴矢量图标库
• quiver.ai: svg 设计工具
• Simple Icons
• Font Awesome

字体

• Google Fonts

颜色

• Happy Hues: Curated colors in context.
• NIPPON COLORS - 日本の伝統色

产品介绍

视频与动画

• Rotato: 模型机动画
• Jitter: 产品视频介绍模版
• Remotion: 用代码创建视频的 React 框架

录屏

• Screen Studio: 录屏软件；
• Open Screen: 免费开源的演示视频工具，支持一下开源，但是感觉功能不是特别完善

用户洞察

• 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!