preview
Documentation view expert for Docusaurus integration. Launches interactive server for SpecWeave living documentation with hot reload, auto-generated sidebar, and Mermaid diagrams. Works in ANY SpecWeave project with auto-setup. Supports both internal (port 3015) and public (port 3016) docs. Activates for preview docs, view documentation, Docusaurus server, docs UI, documentation website, local docs server, hot reload docs, static site build.
Why use this skill?
Instantly launch interactive Docusaurus documentation for SpecWeave projects. Features hot-reload, auto-sidebar, Mermaid diagram support, and zero-config setup.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/anton-abyzov/sw-previewWhat This Skill Does
The preview skill acts as a dedicated documentation engineering assistant for SpecWeave projects, leveraging Docusaurus to provide an interactive, high-fidelity documentation experience. It automates the entire lifecycle of your project's living documentation, managing environments, dependencies, and deployment configurations without requiring manual setup. By utilizing a local cached environment within the .specweave/cache directory, the skill ensures that subsequent launches are instantaneous, providing a seamless development flow. The skill features robust hot-reloading, meaning every change made to your markdown files is reflected in the browser in real-time, drastically reducing the feedback loop when writing technical specifications. Furthermore, it includes built-in support for Mermaid diagrams, allowing you to visualize complex system architectures directly within your browser window. By automatically generating sidebars based on your file structure, the skill eliminates the need for manual configuration files, allowing you to focus purely on content creation.
Installation
To integrate this documentation expert into your OpenClaw environment, use the following command:
clawhub install openclaw/skills/skills/anton-abyzov/sw-preview
Once installed, the skill automatically detects SpecWeave project structures and manages the .specweave/cache directory independently. No additional configuration is required to initiate the first preview.
Use Cases
This skill is ideal for software architects, technical leads, and developers who need to maintain living documentation that evolves alongside their code. It is perfectly suited for teams that require both internal-facing documentation (containing sensitive architectural details) and public-facing developer portals. Use it to draft project proposals, document API endpoints with interactive diagrams, or build static documentation sites ready for production deployment using the /sw-docs:build command.
Example Prompts
- "I'm working on the new module documentation, can you launch the preview server so I can see my changes?"
- "Please build my internal documentation as a static site so I can prepare it for deployment."
- "Open the public documentation server in my browser so I can review the latest API guides."
Tips & Limitations
To ensure optimal performance, keep your documentation files organized within the .specweave/docs/internal or .specweave/docs/public folders. If you encounter port conflicts, use the provided lsof commands to clear the ports before restarting the server. Note that the initial setup for a new project takes approximately 30 seconds due to dependency installation, but this is cached automatically. Always run the build command if you intend to move your docs from a local preview to a production hosting environment.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-anton-abyzov-sw-preview": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: file-write, file-read, code-execution
Related Skills
network-engineer
Cloud network architect for VPC design, service mesh, zero-trust networking, load balancers, and CDN optimization. Use for network troubleshooting or connectivity issues.
jira-multi-project-mapper
Expert in mapping SpecWeave specs to multiple JIRA projects with intelligent project detection and cross-project coordination. Use when syncing to multiple JIRA projects (project-per-team, component-based), or managing bidirectional sync across team boundaries.
helm-chart-scaffolding
Design, organize, and manage Helm charts for templating and packaging Kubernetes applications with reusable configurations. Use when creating Helm charts, packaging Kubernetes applications, or implementing templated deployments.
performance-optimization
React Native performance with Hermes V1, FlashList, expo-image v2, concurrent rendering. Use for slow app, memory leaks, or FPS issues.
release-strategy-advisor
Release strategy advisor - detects brownfield patterns (tags, CI/CD, changelogs), recommends versioning strategy based on architecture. Creates release-strategy.md.