An AI-driven full-stack scaffolding tool that generates and automatically deploys highly secure, high-performance web applications onto Tencent's EdgeOne Pages platform.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install website-skeleton
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 website-skeleton 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 EdgeOne Pages Full-Stack Website Skeleton Builder?
The EdgeOne Pages Full-Stack Website Skeleton Builder is a revolutionary tool designed to streamline web development by generating complete, production-ready front-end and back-end applications from simple user prompts. This skill leverages a modular, layered architecture to instantly scaffold and deploy complex stacks—including e-commerce, streaming AI chat assistants, and SaaS administrative dashboards—directly to EdgeOne Pages. By automating infrastructure provisioning and code generation, this skill delivers enterprise-grade performance and security out of the box.
At its core, this entry in the Openclaw Skills library implements a cutting-edge dual-runtime architecture. It smartly splits workloads between low-latency Edge Functions (V8 runtime backed by key-value storage) and robust Cloud Functions (Node.js runtime processing database-intensive operations with D1). This separation of concerns ensures optimized database queries, fast global response times, and bulletproof security across all operations.
EdgeOne Pages Full-Stack Website Skeleton Builder Use Cases
- Rapidly scaffolding secure e-commerce platforms with shopping cart synchronizations and payments.
- Launching responsive AI customer service bots using Server-Sent Events (SSE) streaming chat.
- Building robust back-office SaaS management consoles with role-based access control (RBAC).
- Testing edge computing prototypes on Tencent EdgeOne Pages with automated database migrations.
- Enhancing existing architectures with pre-configured Openclaw Skills for lightning-fast deployments.
How EdgeOne Pages Full-Stack Website Skeleton Builder Works
- Template Selection: The user specifies their desired website archetype (such as eCommerce, AI assistant, or SaaS admin panel) or builds a custom module mix.
- Configuration Validation: The AI automatically scans the requirements, references configuration templates, and prompts the user for necessary credentials (like JWT keys, API tokens, and database bindings).
- Database Initialization: The skill applies database migrations automatically or manually to prepare the serverless SQL database (D1).
- Code Generation: The engine synthesizes standard front-end SPA routing, Edge Functions middleware, and Cloud Functions endpoints based on the chosen stack.
- Automated Deployment: The skill invokes the EdgeOne Pages CLI (
edgeone pages deploy) to push compiled assets globally, returning a live production URL to the user.
EdgeOne Pages Full-Stack Website Skeleton Builder Setup
To set up this website builder skill, configure your environment variables and execute the initialization script. Ensure you have the Tencent EdgeOne Pages CLI installed.
1. Environment Variables
Create a .env file or inject these variables into your deployment portal:
JWT_SECRET: HS256/RS256 secret key shared between Edge and Cloud.DATABASE_URL: Connection string for D1 database integration.AI_API_KEY: API credentials (required for AI streaming endpoints).WX_APPID&WX_MCHID: Credentials for payment gateway setup.
2. Initialization & Deployment
Run the interactive setup tool using:
# Install dependencies
npm install
# Run the skeleton generator script
node scripts/init-site.js
# Deploy directly to EdgeOne Pages
edgeone pages deploy --project website-skeleton
EdgeOne Pages Full-Stack Website Skeleton Builder Data Schema & Taxonomy
This skill organizes its operational data using a combined SQL (D1 Database) and NoSQL (EdgeOne KV) schema.
SQL Tables (D1 Database)
| Table Name | Primary Purpose | Key Fields |
|---|---|---|
users |
Manages user accounts and security | id, email, password_hash, role |
products |
Tracks item listings, stock constraints, and locking | id, name, price, stock, version |
orders |
Records transactional records and status states | id, order_no, user_id, total, status |
order_items |
Snapshots individual purchased items and pricing | id, order_id, product_id, qty, price |
admin_logs |
Audit trail recording administrative changes | id, admin_id, action, created_at |
KV Key Namespace Strategy
To prevent collision and ensure high-speed retrieval, key-value data is structured with tenant prefixes:
rt:{userId}:meta- Manages concurrent Refresh Tokens for optimistic concurrency locking.pay:idempotency:{trade_no}- Edge-side atomic locks to prevent double-payment processing.rl:{key}:{timestamp}- Track user-specific API sliding-window rate limits.{tenant}:session:{sessionId}- Decoupled multi-tenant session storage mapping.
EdgeOne Pages Full-Stack Website Skeleton Builder Advanced Features
- Bulletproof Payment Idempotency: Implements Edge-side
putIfNotExistsatomic locks preventing concurrent callback duplications. - Dual-Runtime Auth Architecture: Employs ultra-fast V8 Edge Functions for JWT verification alongside Node.js Cloud Functions for heavy cryptographic workloads (bcrypt cost >= 12).
- Race-Condition Proof Order Pipeline: Protects against stock over-selling via atomic SQL checks and optimistic lock state machines.
- Robust Client EventBus Integration: Automatically detects 401 token expirations to trigger frictionless, secure JWT rotations.
- Dynamic SEO & Sitemap Generation: Programmatically crafts dynamic JSON-LD tags, breadcrumbs, and dynamic XML sitemaps to naturally match criteria of Openclaw Skills.
- Modular Addons: Supports i18n localization dictionaries,
navigator.sendBeaconanalytics hooks, and customizable multi-tenant routing profiles.
SKILL.md
Loading
Related Openclaw Skills
Horus Pro
Horus Pro is a comprehensive meeting intelligence suite that transforms raw transcripts and notes into structured briefings, action trackers, stakeholder digests, future agendas, and follow-up emails.
Zhihu AIOps Integration Skill
An AI agent skill that integrates with the Zhihu AIOps platform to automate IT asset discovery, health monitoring, smart inspections, and VictoriaMetrics time-series query workflows.
Chudaxia AI Coach
An enterprise-grade coaching and strategic AI enablement skill designed to run co-creation workshops, map business scenarios, and build digital employees.
Huashan Exam Prep Assistant (华山论卷)
An AI-powered academic assistant for K-12 teachers to archive, optimize, and assemble exam papers.
Mind Map Creation Expert
An AI agent skill designed to break down complex knowledge domains into structured, hierarchical markdown mind maps.
Thoth Standard
An automated software documentation generator that scans local directory codebases to automatically produce structured READMEs, API references, and usage guides.
Featured*
