architecture-paradigm-client-server
应用客户端-服务器架构于Web/移动应用
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：architecture-paradigm-client-server。 它的用途是：应用客户端-服务器架构于Web/移动应用 完整的 Skill 内容见：https://321skill.com/skills/architecture-paradigm-client-server-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我正在开发一个电商网站，需要设计用户登录功能的前后端交互方案。' 激活本Skill后，AI会分析客户端-服务器架构的最佳实践，建议使用JWT token进行身份认证，前端通过axios发送POST请求到/login接口，后端验证后将token返回并存储在前端localStorage中，后续请求在Header中携带token，同时提醒你注意CSRF防护和HTTPS加密。
介绍
本Skill解决的是在开发Web或移动应用时，如何正确应用客户端-服务器（Client-Server）架构模式的问题。它帮助开发者从架构层面理解前端与后端的职责划分、通信协议（如HTTP/REST、WebSocket）的选择、数据流设计以及状态管理策略，避免常见的耦合过紧、职责混淆或扩展性差的设计缺陷。
使用方式上，你可以在AI编码助手中激活此Skill，随后在编写前后端代码、设计API接口、确定数据交互方案时，AI会自动依据客户端-服务器架构的最佳实践给出建议。例如，它会提醒你前端不应直接操作数据库，后端应集中处理业务逻辑与安全校验，并推荐合适的通信模式（如RESTful API、GraphQL、gRPC）以及异常处理机制。
适合的用户群体包括：后端开发、前端开发、全栈开发，以及正在学习架构设计的高校学生和初级工程师。对于需要快速搭建可扩展Web/移动应用的团队，该Skill能显著降低因架构决策失误导致的后期返工成本。
使用建议：本Skill侧重架构模式而非具体框架，使用时建议结合具体技术栈（如React + Node.js、Flutter + Spring Boot）进行指导。注意它不适用于纯单机应用或无需网络通信的本地工具开发，也不适用于微服务架构中复杂的服务间编排场景。
核心特点
与其他专注于具体框架或工具的Skill不同，本Skill直接聚焦于客户端-服务器架构模式本身，提供跨技术栈的架构设计原则、通信协议选择建议和错误模式规避方法，适用于任何Web/移动应用项目。
注意事项
不适合纯单机离线应用、对等网络（P2P）架构或需要实时双向同步的复杂协作系统（如在线文档编辑器）。
常见问题
这个Skill支持哪些通信协议？
它支持HTTP/HTTPS（REST、GraphQL）、WebSocket、gRPC等常见协议，并能根据场景推荐最合适的方案。
它和微服务架构Skill有什么区别？
本Skill专注于经典的客户端-服务器两层架构，适合中小型Web/移动应用；微服务架构Skill更适合大型分布式系统，两者侧重点不同。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/architecture-paradigm-client-server-x-5/raw/index.md 读取 architecture-paradigm-client-server 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/architecture-paradigm-client-server-x-5/raw/index.md（查看排版版本）