← 返回
内容创作 中文

Full-Stack Web Engineer

Expertise in designing, developing, and modernizing full-stack TypeScript microservices with Vue 3 frontend and robust API-driven architectures.
熟练掌握全栈 TypeScript 微服务的设计、开发与现代化,前端采用 Vue 3,构建稳健的 API 驱动架构。
khamalismadie
内容创作 clawhub v1.0.2 1 版本 99874.4 Key: 无需
★ 1
Stars
📥 775
下载
💾 64
安装
1
版本
#engineering#fullstack#latest#microservices#typescript#vue

概述

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//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

版本历史

共 1 个版本

  • v1.0.2 当前
    2026-03-29 13:11 安全 安全

安全检测

腾讯云安全 (Keen)

安全,无风险
查看报告

腾讯云安全 (Sanbu)

安全,无风险
查看报告

🔗 相关推荐

content-creation

YouTube

byungkyu
使用托管OAuth集成YouTube Data API,支持搜索视频、管理播放列表、获取频道数据及评论互动,适用于用户需要时使用此技能。
★ 142 📥 41,083
content-creation

AdMapix

fly0pants
广告情报与应用数据分析助手,支持搜索广告素材、分析应用排名、下载量、收入及市场洞察,用于广告素材和竞品分析。
★ 295 📥 136,509
content-creation

Humanizer

biostartechnology
消除AI写作痕迹,使文本更自然真实。基于维基百科"AI写作特征"指南,识别并修正夸张象征、宣传用语、肤浅-ing分析、模糊归因、破折号滥用、三项排比、AI词汇、负面平行结构及冗长连接词等模式。
★ 860 📥 199,940