工具会过时，但结构化的工作流不会。本系列不追新词，只沉淀经过真实项目验证的常用 Skills 组合。
🎯 为什么整理这份清单？
技术栈迭代越来越快，框架、工具、规范层出不穷。很多开发者（尤其是独立开发者与小团队）常面临三个痛点：
- 选型焦虑：面对数十个同类方案，不知如何取舍
- 规范断层：个人开发随意，团队协作时风格与质量难以对齐
- 重复踩坑：部署、测试、性能优化等环节缺乏标准化 Checklist
为此，我梳理了这份 常用 Skills 清单。它覆盖 前端 → 后端 → 设计 → 部署 的完整交付链路，聚焦 高频、可落地、有工程价值 的实践。每篇将独立成文，提供配置模板、最佳实践与避坑指南；整体可组合使用，形成你的个人/团队技术基线。
🔍 选品逻辑
本系列收录的 Skills 均满足以下原则：
- ✅ 实战导向：来自真实项目交付与线上运维经验
- ✅ 互补闭环：覆盖需求、开发、测试、设计对齐、部署发布全链路
- ✅ 可迁移性：不绑定特定业务，适配全栈开发者、独立开发者与中小型技术团队
- ✅ 生态稳定：优先选择文档完善、社区活跃、长期维护的成熟方案
🗺️ Skills 矩阵概览
本系列将按以下清单逐篇深度拆解。当前为索引页，具体实践细节请等待后续更新或点击对应链接（持续建设中）。
| 维度 | 技能标识 | 定位一句话 |
|---|---|---|
| 🔹 前端 | vercel-react-best-practices |
React 工程化、渲染策略与状态管理规范 |
frontend-design |
面向开发者的视觉还原与交互设计基线 | |
shadcn |
无头组件库接入、主题定制与设计令牌集成 | |
next-best-practices |
Next.js 路由架构、数据获取与 SEO 规范 | |
typescript-advanced-types |
类型安全、泛型模式与工具类型实战 | |
vue-best-practices |
Vue 3 组合式 API、响应式优化与状态管理 | |
tailwind-design-system |
原子化 CSS、响应式策略与设计系统搭建 | |
playwright-best-practices |
E2E 测试策略、Mock 方案与 CI 集成规范 | |
| 🔹 后端 | supabase-postgres-best-practices |
Serverless 数据库架构、行级安全与边缘计算 |
prisma-client-api |
类型安全 ORM、查询模式与迁移管理 | |
python-executor |
安全沙箱、动态代码执行与资源隔离方案 | |
sql-optimization |
慢查询分析、索引调优与执行计划解读 | |
| 🔹 设计 | web-design-guidelines |
响应式布局、无障碍访问（a11y）与动效基线 |
copywriting |
产品界面文案、营销落地页与结构化写作 | |
seo-audit |
技术 SEO 检查清单、Core Web Vitals 与评分模型 | |
brand-guidelines |
品牌视觉资产、一致性管理与多端适配规范 | |
| 🔹 部署 | deploy-to-vercel |
零配置部署、环境变量管理与边缘函数实践 |
docker-expert |
多阶段构建、镜像瘦身与 Compose 编排规范 | |
github-actions-docs |
自动化文档生成、CI/CD 流水线与发布策略 |
📌 清单持续迭代中，版本号：v1.0.0 (2026-04)
🧭 如何使用本系列？
- 按角色查阅：前端 / 后端 / 设计 / 全栈 → 横向选取对应模块组合
- 按阶段串联：开发期 → 测试期 → 设计对齐 → 部署上线 → 纵向打通工作流
- 按需复用：每篇附带可复制的配置片段、Checklist 与常见陷阱排查路径
- 动态关联：文章成稿后，本索引将升级为导航枢纽，支持 Skill 间交叉引用
🚀 下一步 & 互动
本系列已排期发布。首篇深度拆解将从以下三项中投票产生：
typescript-advanced-types（类型工程实战）prisma-client-api（ORM 与 API 设计）deploy-to-vercel（现代部署流水线）
欢迎在评论区留言：
- 你最希望优先更新哪一项？
- 是否有你高频使用但未列入清单的 Skill？（符合选品逻辑将纳入 v1.1）
🔔 订阅/收藏本系列，后续深度文章将自动同步至本索引页。
“掌握结构化的 Skills 组合，比追逐单个框架更重要。”