Full-Stack Web Engineer

v1.0.2

Expertise in designing, developing, and modernizing full-stack TypeScript microservices with Vue 3 frontend and robust API-driven architectures.

1· 513· 3 versions· 0 current· 0 all-time· Updated 7h ago· MIT-0
byKhamalismadie⚡@khamalismadie

Install

openclaw skills install fswe

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?

BenefitDescription
PracticalReal-world checklists, not theory
ComprehensiveCovers frontend to DevOps
Production-ReadyBattle-tested patterns
Modern StackTypeScript-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

ModuleDescriptionDeliverables
system-designMonolith vs Microservices, Service boundariesArchitecture Checklist, Service Mapping
bun-typescriptBun runtime, TypeScript backendBun Project Template, TS Config

🌐 API & Networks

ModuleDescriptionDeliverables
http-grpcREST, gRPC, idempotency, versioningREST Checklist, gRPC Decision Matrix
api-developmentClean controllers, validation, authAPI Boilerplate, Error Template

⚡ Performance & Resilience

ModuleDescriptionDeliverables
performanceBottleneck detection, caching, optimizationPerformance Audit, Caching Tree
fault-toleranceRetry, circuit breaker, graceful degradationResilience Guide, Failure Framework

📊 Operations

ModuleDescriptionDeliverables
monitoring-observabilityLogging, metrics, alertingMonitoring Checklist, Alert Rules
feature-flagsSafe rollout, A/B testing, kill-switchesFeature Flag Template, Rollout Framework

💾 Data

ModuleDescriptionDeliverables
sql-databaseSchema, indexing, migrationsSQL Checklist, Migration Guide
concurrency-asyncEvent loop, promises, background jobsAsync Checklist, Race Condition Audit

🧪 Quality

ModuleDescriptionDeliverables
testing-fundamentalsUnit, integration, contract testingTesting Blueprint, CI Checklist
code-qualityClean code, PR standards, refactoringCode Review Checklist, Refactor Matrix

🔄 Modernization

ModuleDescriptionDeliverables
vue3-modernizationVue 3 Composition API, state managementVue 3 Migration Guide, Component Patterns
legacy-migrationPHP → TS, strangler patternLegacy Audit, Extraction Plan

🔧 Engineering Practices

ModuleDescriptionDeliverables
debuggingCross-layer debugging, production safetyDebug Workflow, RCA Template
scrum-agileSprint planning, story breakdownStory Template, Sprint Checklist
cross-functionalProduct communication, tech specsTech Spec Template, Stakeholder Framework
feature-ownershipEnd-to-end feature deliveryFeature 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

# 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

Version tags

engineeringvk970ztfpv08vnvdx6h1jzh6ht581n6cafullstackvk970ztfpv08vnvdx6h1jzh6ht581n6calatestvk970ztfpv08vnvdx6h1jzh6ht581n6camicroservicesvk970ztfpv08vnvdx6h1jzh6ht581n6catypescriptvk970ztfpv08vnvdx6h1jzh6ht581n6cavuevk970ztfpv08vnvdx6h1jzh6ht581n6ca