skills.rest
dtyq
dtyqOFFICIAL
Explore all skills by this author →
GitHub

self-media-composer

Create and manage card-based and article posts for Rednote, Instagram, and WeChat Official Accounts.

5.0k|557|Updated May 14, 2025
Search Tags:#Instagram#hashtags#weChat#card generation#rednote#Social Media#Content Creation
One-click install
npx skills add https://github.com/dtyq/magic --skill self-media-composer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: self-media-composer
Source: https://github.com/dtyq/magic/tree/main/backend/super-magic/agents/skills/self-media-composer
Command: npx skills add https://github.com/dtyq/magic --skill self-media-composer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Producing platform-ready self-media content requires juggling project structure, card HTML authoring, visual presets, hashtags, engagement metadata, and post-publication data sync. This Skill scaffolds self-media projects, authors cards and articles, and keeps indexes and operations files consistent.

Core Features & Use Cases

  • Project and Post Scaffolding: Creates self-media projects with magic.project.js and per-post folders containing post.json, cards, and assets via dedicated tools.
  • Visual Presets: Ships 10 Rednote and 10 Instagram CSS/JS presets, plus a generate-preset sub-skill that builds custom preset bundles from a style description.
  • Structured Metadata: Generates Rednote four-layer hashtag pyramids, reference engagement data, and sample comments localized to the user's language.
  • Operations Data Sync: Imports published-post data into fixed-schema ops files (source.json, metrics.json, comments.json) and renders a review.html dashboard.
  • Use Case: Ask for a 6-card Chinese Rednote carousel about commute outfits; the Skill scaffolds the project, asks you to pick a preset, writes the card HTML, and fills tags and reference engagement data.

Quick Start

Create a Rednote carousel post about my topic with 6 cards using one of the built-in visual presets.

Frequently Asked Questions about self-media-composer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a Rednote carousel post with this Skill?▼

Ask to create a Rednote post and the Skill scaffolds the project, asks you to pick one of 10 built-in visual presets, then authors fixed-size 540x720 card HTML files. It also fills structured meta.tags using a four-layer hashtag pyramid and reference engagement data.

What platforms does the self-media composer support?▼

It supports rednote, instagram, and wechat-official-accounts. Rednote and Instagram posts are sequences of fixed-size card HTML files, while WeChat posts are a single scrollable article HTML plus hero and thumbnail cover images.

Can I use a custom visual style instead of a built-in preset?▼

Yes. Choose Custom style in the preset picker and the generate-preset sub-skill derives design tokens from your description or reference image, then writes a CSS file, JS chart preset file, and preview.html into the project's shared/presets folder.

How are Rednote hashtags structured in post metadata?▼

New Rednote posts use structured meta.tags with four layers: core, mid, longtail, and trend, totaling 5-8 tags with a hard cap of 10. The full tag block renders only once, typically on the final card footer.

Does the Skill handle post-publication analytics?▼

Yes. It syncs published-post data into fixed-schema ops files: source.json, metrics.json, comments.json, and a rendered review.html report. Metrics use only fixed keys like reads, likes, saves, comments, shares, follows, and conversions.

Why must magic.project.js not be written directly?▼

The root magic.project.js must be generated by the create_self_media_project tool and edited only via edit_file on its inner posts array. Overwriting it with write_file breaks the JSONP wrapper and per-platform posts index contract.

Related Skills

Explore More Content & Communication Skills→
monmacllcappmonmacllcapp

product-marketing-context

Create and maintain a product marketing context document in `.claude/product-marketing-context.md`.

Official
Intermediate
skills-routerskills-router

rednote

Publish content and search posts on Xiaohongshu via terminal CLI.

Official
Advanced
120ventures120ventures

social-sharing

Generate OG images, favicons, meta tags, Twitter cards, and structured data.

Official
Intermediate
beilunyangbeilunyang
78

visual-note-card

Generate structured visual note cards as HTML infographics with PNG exports.

Community
Advanced