commercetools

Mdx From Wireframe — Documentation skill for Claude Code

Documentation community

Create or update component MDX documentation from wireframe images and text.

How to install Mdx From Wireframe

Installs to ~/.claude/commands/commercetools-nimbus-mdx-from-wireframe.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/commercetools/nimbus/HEAD/.claude/commands/mdx-from-wireframe.md -o ~/.claude/commands/commercetools-nimbus-mdx-from-wireframe.md

Restart Claude Code, or start a new session, for it to be picked up.

What Mdx From Wireframe does

description: Create or update component MDX documentation from wireframe images and text

MDX from Wireframe

You are tasked with creating or updating component MDX documentation files from wireframe images and raw text content. ultrathink, I know you can do this.

Input Requirements

The user will provide:

A wireframe image showing the component documentation design
Raw text extracted from the wireframe
The component name (or you can infer it from context)

Process

Alternatives in Documentation

PDF — Extract text, create PDFs, merge/split documents, and handle forms 94.1k ★
Changelog Update — Hydrogen Upgrade Command Changelog Update - Optimized for Claude 2.1k ★
Tentacle Update Tentacle — You are the maintainer for the {{tentacleId}} tentacle 1.4k ★