coding-web

Purpose

This skill enables OpenClaw to assist with full-stack web development using JavaScript, TypeScript, and Node.js, focusing on generating, debugging, and optimizing code for web applications.

When to Use

Use this skill when building or maintaining web projects involving frontend (e.g., React, Vue) and backend (e.g., Node.js servers), especially for tasks like scaffolding apps, fixing bugs in JS/TS code, or integrating APIs. Apply it in iterative development cycles, such as rapid prototyping or migrating legacy code to modern standards.

Key Capabilities

• Generate boilerplate for Node.js servers: Use to create Express apps with routes, e.g., output a server.js file.
• Handle TypeScript conversions: Convert JS to TS, ensuring type safety; for example, add interfaces to existing functions.
• Optimize frontend code: Minify and bundle JS/TS assets; invoke with parameters to target specific frameworks like React.
• Debug common web errors: Identify and suggest fixes for issues like CORS in Node.js or state management in React components.
• Integrate with databases: Generate code for MongoDB or SQL connections in Node.js, using async/await patterns.
• Code snippets: For a simple React component, OpenClaw might output: import React from 'react'; const MyComponent = () => <div>Hello</div>; export default MyComponent;

Usage Patterns

To invoke this skill, prefix commands with openclaw coding-web in your terminal or integrate via OpenClaw's API. Always specify the subcommand first (e.g., generate, debug), followed by options like --language ts or --framework react. For API calls, use POST requests to /api/coding-web/execute with a JSON payload containing { "action": "generate", "params": { "type": "component", "name": "UserForm" } }. Set environment variables for authentication, e.g., export $OPENCLAW_API_KEY before running commands. Chain skills by piping outputs, like using output from a database skill as input here.