An automated generator for professional, mobile-friendly enterprise HTML documents featuring a modern purple gradient design.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install ruitian-html
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 ruitian-html 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 Ruitian HTML Enterprise Document Generator?
Ruitian HTML is a specialized utility designed to transform raw project outlines into polished, delivery-ready HTML documents. As a prominent entry in the Openclaw Skills library, it leverages Bootstrap 5 and a custom aesthetic characterized by elegant purple gradients and responsive card-based layouts. This tool is specifically built for technical consultants, developers, and project managers who need to produce high-quality project reports, technical proposals, or internal communication materials without manually crafting complex CSS structures.
Ruitian HTML Enterprise Document Generator Use Cases
- Generating professional project delivery reports for client handovers.
- Creating technical architecture proposals with responsive flowcharts.
- Developing internal documentation with a consistent enterprise visual identity.
- Transforming markdown outlines into mobile-friendly HTML presentations for stakeholder reviews.
How Ruitian HTML Enterprise Document Generator Works
- The user provides a document outline or specific technical content sections to the agent.
- The skill analyzes the content hierarchy to establish the navigation bar, Hero section, and table of contents.
- A complete HTML5 structure is generated using the predefined Ruitian theme variables and CSS root styles.
- Content is intelligently populated into animated, card-based components with consistent spacing (mb-4).
- Visual enhancements like gradient-header tables and CSS-based flowcharts are integrated to maximize data clarity.
Ruitian HTML Enterprise Document Generator Setup
To utilize this document generator within your workflow, ensure you have the template files available in your environment:
# Clone the skill repository
git clone https://github.com/openclaw/ruitian-html.git
cd ruitian-html
# The skill relies on Bootstrap 5 CDN
# Ensure your deployment environment has internet access or local asset paths configured.
Ruitian HTML Enterprise Document Generator Data Schema & Taxonomy
The skill organizes data using a standardized corporate schema to ensure consistency across Openclaw Skills implementations:
| Component | HTML/CSS Implementation | Purpose |
|---|---|---|
| Theme Gradient | --gradient-primary |
Defines the #667eea to #764ba2 brand identity. |
| Container | .card with 16px radius |
Encapsulates sub-topics with modern shadow effects. |
| Typography | Bootstrap 5 + Icons | Ensures readable fonts and visual status cues. |
| Layout | .table-responsive |
Guarantees data tables are accessible on mobile devices. |
| Logic Flow | .d-flex logic blocks |
Creates lightweight, code-based diagrams without external images. |
Ruitian HTML Enterprise Document Generator Advanced Features
- Full Bootstrap 5 integration for mobile-first responsiveness across all enterprise devices.
- Offline-friendly capabilities through Base64 image embedding directly into the HTML source.
- Interactive UI elements including hover-sensitive shadows and fadeInUp entry animations.
- Support for complex multi-step construction, allowing for iterative document building for large-scale reports.
- Unified color palette for status indicators (success, warning, danger) to maintain professional standards.
SKILL.md
Loading
Related Openclaw Skills
Openclaw Mining Server
A server-side automation tool that allows players to perform mining tasks and collect rewards without having the game client active.
Ollama Runtime Skill
A comprehensive integration layer for connecting coding agents, IDEs, and app backends to Ollama for local or cloud-based AI inference.
Multidisciplinary Perspective Analysis
A cognitive expansion tool that refracts ideas through diverse academic and cultural lenses to discover unknown unknowns.
Cross-Asset Intelligence
A professional financial analysis tool for AI agents providing cross-market intelligence, crypto-equity correlations, and automated risk scoring.
YouTube Transcriber
An automated tool to convert YouTube videos into accurate, timestamped transcripts and structured summaries using AI.
Nota Sign E-Sign
A professional assistant for planning, structuring, and optimizing e-signature workflows using Nota Sign for business documents.
Featured*
