← 返回 Skills 市场

Full-Stack Web Engineer

Name: Full-Stack Web Engineer
Author: khamalismadie

作者 Khamalismadie⚡ · GitHub ↗ · v1.0.2

cross-platform ✓ 安全检测通过

507

总下载

当前安装

版本数

在 OpenClaw 中安装

/install fswe

功能描述

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

使用说明 (SKILL.md)

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

安全使用建议

This skill is essentially a curated set of engineering checklists and example code and does not request credentials or install binaries, so its footprint is coherent with its description. Before installing: verify the publisher/owner (source/homepage are unknown), and review the examples for project‑specific changes (e.g., set JWT_SECRET, database connection strings) so you don't accidentally commit secrets into code. Because it's instruction-only, the main risks are human (copying insecure examples into production) and trusting the unknown owner; if you plan to use snippets in production, audit them (especially auth, logging, and any code touching secrets) and ensure secrets are managed by your environment, not embedded in the skill.

功能分析

Type: OpenClaw Skill Name: fswe Version: 1.0.2 The OpenClaw AgentSkills skill bundle is designed for Full-Stack Web Engineering, providing guidance and code examples for various development practices. All files, including the main SKILL.md and its sub-modules, contain standard engineering principles, architectural patterns, and code snippets (TypeScript, SQL, YAML) that are illustrative and educational. There are no prompt injection attempts, instructions for data exfiltration, unauthorized remote control, persistence, or other malicious activities. While some code examples touch on areas that require careful security implementation in a real application (e.g., JWT secret management, logging sensitive data), the skill bundle itself promotes good security practices (e.g., 'No hardcoded secrets', 'Limit data exposure in logs') and does not exhibit malicious intent.

能力评估

✓ Purpose & Capability

The skill's name/description (Full-Stack Web Engineer) align with the provided content: checklists, architecture guidance, and example TypeScript/Vue/Bun snippets. It does not request unrelated binaries, environment variables, or privileged config paths.

✓ Instruction Scope

Runtime instructions are limited to loading internal reference modules and applying checklists. Example code snippets reference common env vars (e.g., process.env.JWT_SECRET, LOG_LEVEL) in illustrative middleware/logger examples, but the SKILL.md does not instruct the agent to read or exfiltrate host secrets or arbitrary files.

✓ Install Mechanism

There is no install spec and no code files that would be downloaded or executed; the skill is instruction-only which is the lowest install risk. The Quick Start example mentions 'clawhub install fswe' but no install artifact or URL is provided in the package metadata.

✓ Credentials

The skill declares no required environment variables or credentials. Example code shows typical environment references (JWT secret, log level, sqlite filename) appropriate to the domain; there are no disproportionate or unrelated credential requests.

✓ Persistence & Privilege

The skill is not configured as always:true and does not request persistent system modifications. Autonomous invocation (disable-model-invocation: false) is the platform default and not by itself concerning for this instruction-only skill.

如何使用

确保已安装 OpenClaw（本地或 Docker 部署）
在对话框中输入安装命令：/install fswe
安装完成后，直接呼叫该 Skill 的名称或使用 /fswe 触发
根据 Skill 的参数说明提供必要输入，即可获得结构化输出

版本历史

v1.0.2

Audit completed - enhanced system-design and api-development modules

v1.0.1

Audit & improvements

v1.0.0

- Initial release of Full-Stack Web Engineer (Microservices & Modern Frontend) skill - Provides 18 engineering modules covering architecture, APIs, performance, operations, data, quality, modernization, and engineering practices - Focuses on TypeScript-first development, Vue 3 modernization, and migration from legacy systems (PHP to TS/Bun) - Includes clear engineering standards and default principles for maintainability, performance, and safety - Designed for end-to-end ownership by mid-to-senior level engineers in distributed, modern web projects

元数据

Slug fswe

版本 1.0.2

许可证 —

累计安装 0

当前安装数 0

历史版本数 3

常见问题