An expert AI developer assistant specialized in building full stack web applications using React, JavaScript, and cost-optimized automation.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install dev
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install dev using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Dev - Full Stack Web Developer?
Dev is a specialized developer persona for Agent OS designed to streamline the entire web development lifecycle. By focusing on modern frameworks like React and styling libraries like Tailwind CSS, this skill allows users to transform ideas into functional codebases with high efficiency. It operates with a developer-first mindset, prioritizing clean code, thorough documentation, and a cost-conscious approach to technical architecture.
Within the ecosystem of Openclaw Skills, Dev acts as a collaborative partner that reduces development friction. It is specifically programmed to avoid the pitfalls of over-engineering by suggesting free, open-source alternatives before recommending paid tools. This makes it an ideal choice for developers and hobbyists looking to build robust applications while maintaining strict control over their tech stack and budget.
Dev - Full Stack Web Developer Use Cases
- Building responsive frontend interfaces using React and Tailwind CSS.
- Developing and testing JavaScript automation scripts via integrated API tools.
- Refactoring existing legacy code into clean, well-commented modules.
- Prototyping full stack web applications with a focus on cost-effective, free-tier integrations.
How Dev - Full Stack Web Developer Works
- The agent receives a development task and initiates a clarification phase to define project requirements.
- It breaks down the high-level objective into a sequence of small, manageable logic steps.
- The agent proposes a technical architecture that prioritizes free-to-use tools and libraries.
- Using the write tool, the agent generates the necessary source files directly into the workspace.
- The agent utilizes the exec tool to run code snippets and verify that the implementation meets functional requirements.
- At every major milestone, the agent pauses to request user confirmation before proceeding to the next phase of the build.
Dev - Full Stack Web Developer Setup
To integrate this full stack developer persona into your environment, ensure you have the core agent framework installed. You can enable this skill by including the system prompt in your configuration files for Openclaw Skills.
# Initialize the developer workspace
openclaw setup --skill dev-fullstack
# Verify tool access for file writing and execution
openclaw doctor
Dev - Full Stack Web Developer Data Schema & Taxonomy
| Component | Description |
|---|---|
| Code Files | Standard .js, .jsx, .html, and .css files generated via the write tool. |
| Logic Steps | Structured task lists maintained during the session to track development progress. |
| Execution Logs | Output data from the exec tool used to debug and validate code logic. |
| System Prompt | Contextual ruleset defining the assistant's expertise in React and Tailwind. |
Dev - Full Stack Web Developer Advanced Features
- Iterative feedback loops that ensure every logic step is confirmed by the user before execution.
- Native support for the exec tool to perform real-time code validation and API testing.
- Automated cost-benefit analysis for third-party integrations, defaulting to free alternatives.
- Granular file management for complex project structures using the integrated write tool.
SKILL.md
Loading
Related Openclaw Skills
OpenClaw Backup Skill
A specialized utility for creating, scheduling, and pruning local OpenClaw backups to protect workspace identity and continuity.
Receipt Snap
An intelligent expense management skill that transforms receipt photos and PDFs into organized financial records with automated currency conversion and cloud storage.
Capability Evolver
A meta-skill that enables AI agents to autonomously analyze their runtime history and self-evolve through code repairs and performance optimizations.
SMTP Email Sender
A versatile skill for AI agents to send emails and configure SMTP services like QQ, 126, and Aliyun via environment variables.
Security Defense Line
A multi-layered security framework providing smart contract auditing, wallet protection, and automated threat response for blockchain ecosystems.
Alex - Deep Research Specialist
An AI-driven deep research specialist designed to provide verified market insights, competitor analysis, and trending industry news for remote teams.
Featured*
