X (Twitter) Articles のエディタ仕様・記事構造・ベストプラクティス。 Use when: "X Articlesの記事を書く", "Twitter Article", "X Articlesのエディタ", "DraftJSの制約", "ヘッダー画像を作る", "記事を公開する", "X Articlesに投稿", "ヘッダー画像を生成する", "publish to X Articles".
Generates and publishes X Articles with proper formatting, header images, and browser automation.
/plugin marketplace add signalcompose/claude-tools/plugin install x-article@claude-toolsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/article-structure.mdreferences/browser-automation.mdreferences/draftjs-editor.mdreferences/fact-checking.mdreferences/header-image.mdX (Twitter) Articles への記事投稿に関する知見をまとめたリファレンス集。
${CLAUDE_PLUGIN_ROOT}/skills/x-articles-knowledge/references/header-image.md を読む。
スクリプト: python3 ${CLAUDE_PLUGIN_ROOT}/scripts/header-image.py --title "..." --subtitle "..."
${CLAUDE_PLUGIN_ROOT}/skills/x-articles-knowledge/references/article-structure.md を読む。
記事の方針・構成テンプレート・X Articles の制約（マークダウン変換ルール）を確認すること。
${CLAUDE_PLUGIN_ROOT}/skills/x-articles-knowledge/references/draftjs-editor.md を読む。
DraftJS の制約、成功パターン（DataTransfer + ClipboardEvent）、カーソル操作の注意点。
${CLAUDE_PLUGIN_ROOT}/skills/x-articles-knowledge/references/fact-checking.md を読む。
URL 確認方法、コマンド名・マーケットプレイス名の検証手順。
${CLAUDE_PLUGIN_ROOT}/skills/x-articles-knowledge/references/browser-automation.md を読む。
Claude in Chrome MCP / Playwright MCP の使い分け、フォールバック手順。
| コマンド | 参照先 |
|---|---|
/x-article:draft | article-structure.md |
/x-article:header | header-image.md（スクリプト直接実行） |
/x-article:review | fact-checking.md |
/x-article:publish | draftjs-editor.md + browser-automation.md |
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.