An all-in-one content management solution for transforming raw text into high-fidelity MDX articles with full backend synchronization and custom UI components.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install feima-lab-content-manager
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 feima-lab-content-manager 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 Feima Lab Content Manager?
The Feima Lab Content Manager is a robust technical toolset designed to streamline the lifecycle of digital content. It specializes in converting natural language, raw text, or standard Markdown into professional MDX articles that adhere to the feima-lab design system—characterized by clean card layouts, specific brand colors, and a library of 8 custom interactive components. By utilizing Openclaw Skills, developers can automate tedious tasks like localizing remote images, generating zero-dependency offline previews, and managing complex metadata (tags, categories, slugs) without leaving their development environment.
Feima Lab Content Manager Use Cases
- Rapidly converting technical documentation into styled blog posts with interactive code tabs and callouts.
- Automating the migration of local Markdown files to a remote feima-lab backend using internal API keys.
- Batch processing image assets by downloading remote URLs and localizing them into structured project folders.
- Synchronizing publication status across environments, including draft saving, one-click publishing, and content withdrawal.
How Feima Lab Content Manager Works
- Input Detection: The agent identifies the source content, whether it is an existing Markdown file or a raw text block.
- Project Initialization: It creates a dedicated post directory with a standardized folder structure using scripts like new-post.mjs.
- Content Transformation: The agent applies the feima-lab design system, wrapping content in custom components like Timeline, CompareCard, or CodeTabs.
- Asset Localization: Remote images are downloaded to a local images/ directory, and the MDX paths are updated to ensure portability.
- Visual Validation: A zero-dependency preview.html is generated for instant browser-based verification of the UI/UX.
- Remote Integration: The final content and metadata are pushed to the backend via the save-article and publish-article API endpoints.
Feima Lab Content Manager Setup
This skill requires Node.js version 18 or higher and is designed to be zero-dependency, requiring no npm installation. To enable full publishing capabilities, you must configure your internal API key as an environment variable:
export FX_AI_API_KEY=<your-internal-key>
You can then initialize your first article by specifying a slug and working directory:
node scripts/new-post.mjs --slug my-new-article --cwd ./content
Feima Lab Content Manager Data Schema & Taxonomy
The skill maintains a strict file hierarchy to ensure compatibility with both local rendering and remote publishing. Each article is housed in its own directory named after its slug.
| File/Path | Purpose |
|---|---|
posts/<slug>/article.mdx |
The primary content file using MDX syntax and custom UI components. |
posts/<slug>/meta.json |
Stores author info, tags, category, and publication tracking (IDs, timestamps). |
posts/<slug>/images/ |
A local repository for all images referenced within the article. |
posts/<slug>/preview.html |
An interactive, offline-ready version of the post for final review. |
MEMORY.md |
Persistent storage for user preferences like default author and tag styles. |
Feima Lab Content Manager Advanced Features
- Advanced UI Components: Native support for Callout, CodeTabs, Collapse, CompareCard, Timeline, ImageCarousel, Playground, and Video (YouTube/Bilibili).
- Smart Workflow Routing: Automatically differentiates between 'Simple' and 'Complex' content structures to adjust the generation strategy.
- Automated OSS Integration: Transparently uploads localized images to Object Storage Service (OSS) during the API save process.
- Closed-loop Tag Management: Automatically reconciles local tags with remote backend IDs, creating new tags only when necessary.
- Multi-route Support: Configurable routing for both BLOG and NEWS content types with separate category mapping.
SKILL.md
Loading
Related Openclaw Skills
Data Synthesis
A powerful utility within the Openclaw Skills collection designed to synthesize structured question-and-answer pairs from raw CSV text data for AI training.
Local AI Stack
Transform any Mac into a powerful, offline AI workstation for private, cost-free coding and task automation.
AI Hair Color Changer (WeShop OpenAPI)
An advanced AI-powered skill that programmatically modifies hair color in portrait images while maintaining original hairstyles and facial details.
Learn Social Studies UI Kit for React
A professional React UI kit and design system specifically crafted to implement the Learn Social Studies brand identity through reusable components and CSS variables.
CAD Generator Skill
A sophisticated AI bridge that transforms natural language descriptions into precise parametric 3D models rendered via a remote graphics engine.
Skill Proposal Gen
Skill Proposal Gen is a high-performance framework designed to automate the generation and management of professional AI skill proposals.
Featured*
