fullstack-dev
构建生产就绪的全栈应用程序
构建全栈应用程序需要协调后端API、身份验证、数据库和前端集成。本技能提供结构化的工作流程和最佳实践,用于创建具有适当错误处理和测试的健壮、生产就绪的应用程序。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“fullstack-dev”。 使用Express和React前端构建待办事项API
预期结果:
创建了使用Express后端(JWT认证、PostgreSQL)和React前端的完整待办事项应用程序。后端包含/api/todos CRUD端点、带有刷新令牌流程的/api/auth/login,以及适当的错误处理。前端包含TodoApp组件,带有处理401自动刷新的API客户端包装器。
正在使用“fullstack-dev”。 为现有的Node.js应用添加SSE实时更新
预期结果:
在现有的Express应用中实现了Server-Sent Events。创建了带有连接管理的/api/events端点,添加了客户端EventSource集成,并使用指数退避处理了重连。前端显示实时更新,无需手动刷新。
安全审计
中风险Scanned 9 files (3841 lines). Static analyzer flagged 721 potential issues but most are false positives. All flagged patterns are in markdown documentation showing legitimate code examples for build/test commands, auth flows, and config patterns. No malicious intent found. Skill is safe for publication with standard warnings.
高风险问题 (1)
中风险问题 (3)
低风险问题 (3)
风险因素
⚙️ 外部命令 (5)
🌐 网络访问 (5)
📁 文件系统访问 (1)
检测到的模式
质量评分
你能构建什么
为新的全栈应用程序搭建脚手架
启动新项目时,使用强制性工作流程在编写任何代码之前定义技术栈、架构和身份验证策略。这确保所有组件从一开始就能协同工作。
为现有API添加身份验证
将JWT bearer流程与自动令牌刷新集成到现有的Express或Django API中。遵循身份验证中间件排序模式以确保适当的保护。
实现实时更新
为现有应用程序添加Server-Sent Events或WebSocket支持,用于实时通知、协作功能或仪表板更新,无需轮询开销。
试试这些提示
使用{backend_stack}和{frontend_stack}构建一个新的全栈应用程序。我需要用于{resource_name}的REST API端点,包含CRUD操作、JWT身份验证和适当的错误处理。为我的现有{framework} API添加JWT身份验证。包括登录/登出端点、访问令牌(15分钟)和刷新令牌(7天httpOnly cookie)流程,以及保护现有路由的中间件。使用{sse_or_websocket}为我的应用程序添加实时通知。当{event_type}发生时用户应收到更新,无需页面刷新。为{domain}设计包含{table_count}个表的数据库模式。包括用于常见查询的适当索引、外键关系,以及用于{db_type}的迁移脚本。最佳实践
- 在编写代码之前始终定义架构决策(技术栈、API风格、身份验证策略)——在decisions.json文件中记录这些内容
- 实施具有类型化错误层次结构的错误处理——切勿在生产环境中向客户端暴露原始错误消息
- 使用强制性验证工作流程——在声称完成之前运行构建检查、冒烟测试和集成测试
避免
- 不要跳过身份验证中间件排序——始终先验证JWT再检查权限,而不是之后
- 避免在代码中硬编码URL或凭据——使用环境变量并在启动时进行验证
- 当SSE或WebSocket更合适时,不要使用轮询实现实时功能——轮询浪费资源