Full-Stack Web Engineer

# Full-Stack Web Engineer (Microservices & Modern Frontend)

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "Full-Stack Web Engineer" with this command: npx skills add khamalismadie/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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Coding

Next.js Production Engineering

Build, optimize, and operate production Next.js apps with best practices for architecture, data fetching, caching, rendering, testing, deployment, and observ...

Registry SourceRecently Updated
0332
Profile unavailable
Coding

Vue Component Generator

生成 Vue 3 组件模板,支持 Composition API、Options API、TypeScript、SFC 单文件组件,一键生成完整 Vue 组件代码。

Registry SourceRecently Updated
0254
Profile unavailable
Coding

Senior Devops

Comprehensive DevOps skill for CI/CD, infrastructure automation, containerization, and cloud platforms (AWS, GCP, Azure). Includes pipeline setup, infrastruc...

Registry SourceRecently Updated
73.3K
Profile unavailable