---
name: full-stack-web-engineer-microservices-modern-fronte-748a5f65903e
description: "One installed skill containing 18 engineering modules. This skill
  is designed for Full-Stack Engineers working on:"
---

# 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

1. **Type Safety First** - Use TypeScript strictly, no `any`
2. **Fail Fast** - Validate early, crash loudly
3. **Optimize for Readability** - Clever is not better
4. **Prefer Explicit Over Implicit** - Clear > Short
5. **Design for Change** - Extensible architecture
6. **Ship Safely** - Feature flags, gradual rollout
7. **Document Decisions** - ADR for architectural choices

## How to Use

1. **Identify** engineering problem
2. **Load** relevant module from `references/<module>/SKILL.md`
3. **Apply** checklist
4. **Implement** framework
5. **Validate** with standards

## Quick Start

```bash
# 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


---
Source attribution: modbender
Original project: https://github.com/modbender/skill-library-mcp/blob/d9c8fe903b5b4e82237dbe8d0df8567783022e18/data/fswe/SKILL.md
License: MIT
License information: https://opensource.org/license/mit
Original upstream instructions; downloaded from Mega AI Hub.

## Upstream license notice

MIT License

Copyright (c) 2025 skill-library-mcp contributors

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.



# Mega AI Hub resource metadata

Creator / publisher: modbender
Original project: https://github.com/modbender/skill-library-mcp/blob/d9c8fe903b5b4e82237dbe8d0df8567783022e18/data/fswe/SKILL.md
Attribution basis: Source repository record

Fields of work: Development & Engineering, Product Management
Roles: Backend Developer, DevOps / SRE, Frontend Developer, Full-Stack Developer, Product Manager
Specialties: Backend, DevOps, Frontend
Tools: Bun, Vue 3
Country applicability: Country not specified
Classification basis: Source catalog labels
Instruction SHA-256: 7fd545953368f06fa0d339a9f1d9ab361cea00bca2056bd2082823a6f29ac0f2