tikazyq/web-app-thinking
AGENTIC_SPEC_FORGE/spec_stage_skill/special/web-app-thinking/SKILL.md
提供网页应用全栈架构思考框架，涵盖前端渲染策略、后端 API 设计、基础设施部署、安全防护、性能优化五大维度。当需要设计完整 Web 应用、评审网页系统架构、或需要全局视角审视前后端协同设计时使用。支持 SPA/MPA、SSR/CSR、REST/GraphQL、容器/Serverless 等多种技术栈决策。
$ install --global
skillsauthnpx skillsauth add tikazyq/agentic-spec-forge web-app-thinkingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 2:23 PM3.9s1 file scanned
SKILL.md
- name:
- web-app-thinking
- description:
- 提供网页应用全栈架构思考框架，涵盖前端渲染策略、后端 API 设计、基础设施部署、安全防护、性能优化五大维度。当需要设计完整 Web 应用、评审网页系统架构、或需要全局视角审视前后端协同设计时使用。支持 SPA/MPA、SSR/CSR、REST/GraphQL、容器/Serverless 等多种技术栈决策。
- stage:
- SPECIAL
- level_supported:
- [L1-STREAMLINED, L2-BALANCED, L3-RIGOROUS]
Web App Thinking Skill
Scope: SPECIAL（用户自定义）
版本: 0.1.0（占位）| 创建日期: 2025-11-27
概述
网页应用整体思考维度：
┌─────────────────────────────────────────────┐
│ 🌐 Web Application │
├─────────────┬─────────────┬─────────────────┤
│ Frontend │ Backend │ Infrastructure │
│ ───────── │ ───────── │ ───────────── │
│ • SPA/MPA │ • API │ • CDN │
│ • SSR/CSR │ • Auth │ • Cloud │
│ • State │ • Database │ • CI/CD │
│ • UI/UX │ • Cache │ • Monitoring │
└─────────────┴─────────────┴─────────────────┘
思考维度
1. 前端架构
- [ ] 渲染策略（SSR/CSR/SSG/ISR）
- [ ] 状态管理方案
- [ ] 路由设计
- [ ] 组件化策略
2. 后端架构
- [ ] API 设计（REST/GraphQL）
- [ ] 认证授权（JWT/会话/OAuth）
- [ ] 数据库选型（SQL/NoSQL）
- [ ] 缓存策略（Redis/CDN）
3. 基础设施
- [ ] 部署方案（容器/Serverless）
- [ ] CDN 配置
- [ ] CI/CD 流水线
- [ ] 监控告警
4. 安全考量
- [ ] XSS/CSRF 防护
- [ ] HTTPS/CORS
- [ ] 输入验证
- [ ] 敏感数据处理
分级思考深度
L1-STREAMLINED
- 每维度选择 1 个关键决策
- 快速架构评审（15-30 分钟）
- 适用：小型项目、MVP、PoC
L2-BALANCED
- 每维度覆盖 2-3 个决策点
- 标准架构评审（1-2 小时）
- 包含技术选型对比
- 适用：中型项目、团队协作
L3-RIGOROUS
- 全维度深入分析
- 完整架构评审（半天+）
- 包含性能/安全/可扩展性评估
- 生成架构决策记录（ADR）
- 适用：企业级项目、关键系统
>> 命令
>>webapp_review_l1 # Web 应用架构快速审视
>>webapp_checklist # 生成检查清单
相关 Skills
- 设计: vertical-slice, layer-design, component-boundary（架构设计）
- 技术: tech-selection（技术栈选型）
- 安全: security-check（Web 安全检查）
- 同类: mobile-app-thinking, microservice-thinking（其他应用类型）
TODO: 待细化各技术栈的最佳实践和检查规则
Related Skills
tikazyq/mobile-app-thinking
development
VerifiedTrustedCommunity
提供移动应用全链路架构思考框架，涵盖技术选型、离线同步、平台适配、性能优化、发布流程五大维度。当需要设计移动 APP、评审客户端架构、或需要全局视角审视原生/跨平台方案时使用。支持 Native/React Native/Flutter、推送通知、数据同步、iOS/Android 双平台等移动端特有场景决策。
5SKILL.mdUpdated Apr 16, 2026
tikazyq/microservice-thinking
development
VerifiedTrustedCommunity
提供微服务分布式架构思考框架，涵盖服务拆分、通信机制、基础设施、治理策略、可观测性五大维度。当需要设计微服务系统、评审分布式架构、或需要全局视角审视服务边界与协同时使用。支持 DDD 领域建模、同步/异步通信、API Gateway、服务网格、熔断降级等分布式系统关键决策。
5SKILL.mdUpdated Apr 16, 2026
tikazyq/embedded-thinking
tools
VerifiedTrustedCommunity
提供嵌入式系统软硬件协同思考框架，涵盖硬件层、软件架构、资源约束、实时性、测试调试五大维度。当需要设计嵌入式应用、评审物联网系统、或需要全局视角审视 MCU/MPU 与软件配合时使用。支持裸机/RTOS 选型、功耗优化、内存预算、中断响应、OTA 升级等嵌入式特有场景决策。
5SKILL.mdUpdated Apr 16, 2026
tikazyq/user-story-format
development
VerifiedTrustedCommunity
验证User Story格式和质量，检查是否符合As-I-Want-So三要素结构、角色明确、功能具体、价值清晰。适合在编写新US后、准备Sprint Planning前使用，当需要审核US质量时。帮助不熟悉敏捷的PM/BA识别格式问题、模糊角色、缺失价值等常见问题，确保US可理解、可排序、可开发。
5SKILL.mdUpdated Apr 16, 2026