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: full-stack-web-engineer-microservices-modern-frontend3description: One installed skill containing 18 engineering modules. This skill is designed for Full-Stack Engineers working on:4---5
6# Full-Stack Web Engineer (Microservices & Modern Frontend)
7
8**Owner:** @khamalismadie
9**Version:** 1.0.1
10**Distribution:** ClawHub / Public
11**Status:** Production Ready
12
13---
14
15## Summary
16
17One installed skill containing 18 engineering modules. This skill is designed for Full-Stack Engineers working on:
18- Modern TypeScript ecosystems
19- API & distributed systems
20- Microservices migration
21- Frontend modernization (Vue 3)
22- Legacy refactoring (PHP → TS/Bun)
23- End-to-end feature ownership
24
25## Why This Skill?
26
27| Benefit | Description |
28|---------|-------------|
29| **Practical** | Real-world checklists, not theory |
30| **Comprehensive** | Covers frontend to DevOps |
31| **Production-Ready** | Battle-tested patterns |
32| **Modern Stack** | TypeScript-first, Vue 3, Bun |
33
34## Core Identity
35
36**Role Level:** Mid-Level → Senior
37**Focus Area:** Full-stack architecture, performance, scalability
38**Stack Orientation:** TypeScript-first, Vue 3, API-driven systems
39
40## Module Categories
41
42### 🏗️ Architecture
43| Module | Description | Deliverables |
44|--------|-------------|--------------|
45| system-design | Monolith vs Microservices, Service boundaries | Architecture Checklist, Service Mapping |
46| bun-typescript | Bun runtime, TypeScript backend | Bun Project Template, TS Config |
47
48### 🌐 API & Networks
49| Module | Description | Deliverables |
50|--------|-------------|--------------|
51| http-grpc | REST, gRPC, idempotency, versioning | REST Checklist, gRPC Decision Matrix |
52| api-development | Clean controllers, validation, auth | API Boilerplate, Error Template |
53
54### ⚡ Performance & Resilience
55| Module | Description | Deliverables |
56|--------|-------------|--------------|
57| performance | Bottleneck detection, caching, optimization | Performance Audit, Caching Tree |
58| fault-tolerance | Retry, circuit breaker, graceful degradation | Resilience Guide, Failure Framework |
59
60### 📊 Operations
61| Module | Description | Deliverables |
62|--------|-------------|--------------|
63| monitoring-observability | Logging, metrics, alerting | Monitoring Checklist, Alert Rules |
64| feature-flags | Safe rollout, A/B testing, kill-switches | Feature Flag Template, Rollout Framework |
65
66### 💾 Data
67| Module | Description | Deliverables |
68|--------|-------------|--------------|
69| sql-database | Schema, indexing, migrations | SQL Checklist, Migration Guide |
70| concurrency-async | Event loop, promises, background jobs | Async Checklist, Race Condition Audit |
71
72### 🧪 Quality
73| Module | Description | Deliverables |
74|--------|-------------|--------------|
75| testing-fundamentals | Unit, integration, contract testing | Testing Blueprint, CI Checklist |
76| code-quality | Clean code, PR standards, refactoring | Code Review Checklist, Refactor Matrix |
77
78### 🔄 Modernization
79| Module | Description | Deliverables |
80|--------|-------------|--------------|
81| vue3-modernization | Vue 3 Composition API, state management | Vue 3 Migration Guide, Component Patterns |
82| legacy-migration | PHP → TS, strangler pattern | Legacy Audit, Extraction Plan |
83
84### 🔧 Engineering Practices
85| Module | Description | Deliverables |
86|--------|-------------|--------------|
87| debugging | Cross-layer debugging, production safety | Debug Workflow, RCA Template |
88| scrum-agile | Sprint planning, story breakdown | Story Template, Sprint Checklist |
89| cross-functional | Product communication, tech specs | Tech Spec Template, Stakeholder Framework |
90| feature-ownership | End-to-end feature delivery | Feature Checklist, Release Framework |
91
92---
93
94## Engineering Standards
95
96All code written under this skill must be:
97- **Clear** - Easy to understand
98- **Concise** - No unnecessary complexity
99- **Performant** - Optimized for speed
100- **Tested** - Covered by tests
101- **Observable** - Has proper logging/metrics
102- **Maintainable** - Well-structured
103- **Backward compatible** - When applicable
104
105## Default Principles
106
1071. **Type Safety First** - Use TypeScript strictly, no `any`
1082. **Fail Fast** - Validate early, crash loudly
1093. **Optimize for Readability** - Clever is not better
1104. **Prefer Explicit Over Implicit** - Clear > Short
1115. **Design for Change** - Extensible architecture
1126. **Ship Safely** - Feature flags, gradual rollout
1137. **Document Decisions** - ADR for architectural choices
114
115## How to Use
116
1171. **Identify** engineering problem
1182. **Load** relevant module from `references/<module>/SKILL.md`
1193. **Apply** checklist
1204. **Implement** framework
1215. **Validate** with standards
122
123## Quick Start
124
125```bash
126# Install via ClawHub
127clawhub install fswe
128
129# Use in your project
130# Load references/fswe/SKILL.md when solving engineering problems
131```
132
133---
134
135## Changelog
136
137### v1.0.1
138- Added owner attribution
139- Enhanced module descriptions
140- Added deliverable columns
141- Improved engineering principles
142
143### v1.0.0
144- Initial release
145- 18 engineering modules
146- Practical checklists and templates
modbender