← Back to Skills Marketplace
Full-Stack Web Engineer
by
Khamalismadie⚡
· GitHub ↗
· v1.0.2
507
Downloads
1
Stars
0
Active Installs
3
Versions
Install in OpenClaw
/install fswe
Description
Expertise in designing, developing, and modernizing full-stack TypeScript microservices with Vue 3 frontend and robust API-driven architectures.
README (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
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install fswe - After installation, invoke the skill by name or use
/fswe - Provide required inputs per the skill's parameter spec and get structured output
Version History
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
Metadata
Frequently Asked Questions
What is Full-Stack Web Engineer?
Expertise in designing, developing, and modernizing full-stack TypeScript microservices with Vue 3 frontend and robust API-driven architectures. It is an AI Agent Skill for Claude Code / OpenClaw, with 507 downloads so far.
How do I install Full-Stack Web Engineer?
Run "/install fswe" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Full-Stack Web Engineer free?
Yes, Full-Stack Web Engineer is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Full-Stack Web Engineer support?
Full-Stack Web Engineer is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Full-Stack Web Engineer?
It is built and maintained by Khamalismadie⚡ (@khamalismadie); the current version is v1.0.2.
More Skills