Full-Stack Web Engineer (Microservices & Modern Frontend)
Owner: @khamalismadie
Version: 1.0.1
Distribution: ClawHub / Public
Status: Production Ready
Summary
One installed skill containing 18 engineering modules. This skill is designed for Full-Stack Engineers working on:
- Modern TypeScript ecosystems
- API & distributed systems
- Microservices migration
- Frontend modernization (Vue 3)
- Legacy refactoring (PHP → TS/Bun)
- End-to-end feature ownership
Why This Skill?
| Benefit |
Description |
| Practical |
Real-world checklists, not theory |
| Comprehensive |
Covers frontend to DevOps |
| Production-Ready |
Battle-tested patterns |
| Modern Stack |
TypeScript-first, Vue 3, Bun |
Core Identity
Role Level: Mid-Level → Senior
Focus Area: Full-stack architecture, performance, scalability
Stack Orientation: TypeScript-first, Vue 3, API-driven systems
Module Categories
🏗️ Architecture
| Module |
Description |
Deliverables |
| system-design |
Monolith vs Microservices, Service boundaries |
Architecture Checklist, Service Mapping |
| bun-typescript |
Bun runtime, TypeScript backend |
Bun Project Template, TS Config |
🌐 API & Networks
| Module |
Description |
Deliverables |
| http-grpc |
REST, gRPC, idempotency, versioning |
REST Checklist, gRPC Decision Matrix |
| api-development |
Clean controllers, validation, auth |
API Boilerplate, Error Template |
⚡ Performance & Resilience
| Module |
Description |
Deliverables |
| performance |
Bottleneck detection, caching, optimization |
Performance Audit, Caching Tree |
| fault-tolerance |
Retry, circuit breaker, graceful degradation |
Resilience Guide, Failure Framework |
📊 Operations
| Module |
Description |
Deliverables |
| monitoring-observability |
Logging, metrics, alerting |
Monitoring Checklist, Alert Rules |
| feature-flags |
Safe rollout, A/B testing, kill-switches |
Feature Flag Template, Rollout Framework |
💾 Data
| Module |
Description |
Deliverables |
| sql-database |
Schema, indexing, migrations |
SQL Checklist, Migration Guide |
| concurrency-async |
Event loop, promises, background jobs |
Async Checklist, Race Condition Audit |
🧪 Quality
| Module |
Description |
Deliverables |
| testing-fundamentals |
Unit, integration, contract testing |
Testing Blueprint, CI Checklist |
| code-quality |
Clean code, PR standards, refactoring |
Code Review Checklist, Refactor Matrix |
🔄 Modernization
| Module |
Description |
Deliverables |
| vue3-modernization |
Vue 3 Composition API, state management |
Vue 3 Migration Guide, Component Patterns |
| legacy-migration |
PHP → TS, strangler pattern |
Legacy Audit, Extraction Plan |
🔧 Engineering Practices
| Module |
Description |
Deliverables |
| debugging |
Cross-layer debugging, production safety |
Debug Workflow, RCA Template |
| scrum-agile |
Sprint planning, story breakdown |
Story Template, Sprint Checklist |
| cross-functional |
Product communication, tech specs |
Tech Spec Template, Stakeholder Framework |
| feature-ownership |
End-to-end feature delivery |
Feature Checklist, Release Framework |
Engineering Standards
All code written under this skill must be:
- Clear - Easy to understand
- Concise - No unnecessary complexity
- Performant - Optimized for speed
- Tested - Covered by tests
- Observable - Has proper logging/metrics
- Maintainable - Well-structured
- Backward compatible - When applicable
Default Principles
- Type Safety First - Use TypeScript strictly, no
any
- Fail Fast - Validate early, crash loudly
- Optimize for Readability - Clever is not better
- Prefer Explicit Over Implicit - Clear > Short
- Design for Change - Extensible architecture
- Ship Safely - Feature flags, gradual rollout
- Document Decisions - ADR for architectural choices
How to Use
- Identify engineering problem
- Load relevant module from
references/<module>/SKILL.md
- Apply checklist
- Implement framework
- Validate with standards
Quick Start
# Install via ClawHub
clawhub install fswe
# Use in your project
# Load references/fswe/SKILL.md when solving engineering problems
Changelog
v1.0.1
- Added owner attribution
- Enhanced module descriptions
- Added deliverable columns
- Improved engineering principles
v1.0.0
- Initial release
- 18 engineering modules
- Practical checklists and templates
1---2name: fswe3description: Full-Stack Web Engineer (Microservices & Modern Frontend)4---5# Full-Stack Web Engineer (Microservices & Modern Frontend)67**Owner:** @khamalismadie 8**Version:** 1.0.1 9**Distribution:** ClawHub / Public 10**Status:** Production Ready1112---1314## Summary1516One installed skill containing 18 engineering modules. This skill is designed for Full-Stack Engineers working on:17- Modern TypeScript ecosystems18- API & distributed systems19- Microservices migration20- Frontend modernization (Vue 3)21- Legacy refactoring (PHP → TS/Bun)22- End-to-end feature ownership2324## Why This Skill?2526| Benefit | Description |27|---------|-------------|28| **Practical** | Real-world checklists, not theory |29| **Comprehensive** | Covers frontend to DevOps |30| **Production-Ready** | Battle-tested patterns |31| **Modern Stack** | TypeScript-first, Vue 3, Bun |3233## Core Identity3435**Role Level:** Mid-Level → Senior 36**Focus Area:** Full-stack architecture, performance, scalability 37**Stack Orientation:** TypeScript-first, Vue 3, API-driven systems3839## Module Categories4041### 🏗️ Architecture42| Module | Description | Deliverables |43|--------|-------------|--------------|44| system-design | Monolith vs Microservices, Service boundaries | Architecture Checklist, Service Mapping |45| bun-typescript | Bun runtime, TypeScript backend | Bun Project Template, TS Config |4647### 🌐 API & Networks48| Module | Description | Deliverables |49|--------|-------------|--------------|50| http-grpc | REST, gRPC, idempotency, versioning | REST Checklist, gRPC Decision Matrix |51| api-development | Clean controllers, validation, auth | API Boilerplate, Error Template |5253### ⚡ Performance & Resilience54| Module | Description | Deliverables |55|--------|-------------|--------------|56| performance | Bottleneck detection, caching, optimization | Performance Audit, Caching Tree |57| fault-tolerance | Retry, circuit breaker, graceful degradation | Resilience Guide, Failure Framework |5859### 📊 Operations60| Module | Description | Deliverables |61|--------|-------------|--------------|62| monitoring-observability | Logging, metrics, alerting | Monitoring Checklist, Alert Rules |63| feature-flags | Safe rollout, A/B testing, kill-switches | Feature Flag Template, Rollout Framework |6465### 💾 Data66| Module | Description | Deliverables |67|--------|-------------|--------------|68| sql-database | Schema, indexing, migrations | SQL Checklist, Migration Guide |69| concurrency-async | Event loop, promises, background jobs | Async Checklist, Race Condition Audit |7071### 🧪 Quality72| Module | Description | Deliverables |73|--------|-------------|--------------|74| testing-fundamentals | Unit, integration, contract testing | Testing Blueprint, CI Checklist |75| code-quality | Clean code, PR standards, refactoring | Code Review Checklist, Refactor Matrix |7677### 🔄 Modernization78| Module | Description | Deliverables |79|--------|-------------|--------------|80| vue3-modernization | Vue 3 Composition API, state management | Vue 3 Migration Guide, Component Patterns |81| legacy-migration | PHP → TS, strangler pattern | Legacy Audit, Extraction Plan |8283### 🔧 Engineering Practices84| Module | Description | Deliverables |85|--------|-------------|--------------|86| debugging | Cross-layer debugging, production safety | Debug Workflow, RCA Template |87| scrum-agile | Sprint planning, story breakdown | Story Template, Sprint Checklist |88| cross-functional | Product communication, tech specs | Tech Spec Template, Stakeholder Framework |89| feature-ownership | End-to-end feature delivery | Feature Checklist, Release Framework |9091---9293## Engineering Standards9495All code written under this skill must be:96- **Clear** - Easy to understand97- **Concise** - No unnecessary complexity98- **Performant** - Optimized for speed99- **Tested** - Covered by tests100- **Observable** - Has proper logging/metrics101- **Maintainable** - Well-structured102- **Backward compatible** - When applicable103104## Default Principles1051061. **Type Safety First** - Use TypeScript strictly, no `any`1072. **Fail Fast** - Validate early, crash loudly1083. **Optimize for Readability** - Clever is not better1094. **Prefer Explicit Over Implicit** - Clear > Short1105. **Design for Change** - Extensible architecture1116. **Ship Safely** - Feature flags, gradual rollout1127. **Document Decisions** - ADR for architectural choices113114## How to Use1151161. **Identify** engineering problem1172. **Load** relevant module from `references/<module>/SKILL.md`1183. **Apply** checklist1194. **Implement** framework1205. **Validate** with standards121122## Quick Start123124```bash125# Install via ClawHub126clawhub install fswe127128# Use in your project129# Load references/fswe/SKILL.md when solving engineering problems130```131132---133134## Changelog135136### v1.0.1137- Added owner attribution138- Enhanced module descriptions139- Added deliverable columns140- Improved engineering principles141142### v1.0.0143- Initial release144- 18 engineering modules145- Practical checklists and templates
johnalbertini14-glitch