Content studio / 14 primitives + composition

Content studio primitives

Reusable primitives for the Mufflermen editorial newsroom — long-form block editor, outline rail, frontmatter, SEO inspector, taxonomy tree, media binder, scheduler, co-authors, revision diffs, snippet cards, comment threads, repurpose cards, readability tile, and cover-art studio. Visual references only — no real CMS wired.

Production answer

Content studio primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Content studio primitives states
Generative search brief

Content studio primitives: Reusable primitives for the Mufflermen editorial newsroom — long-form block editor, outline rail, frontmatter, SEO inspector, taxonomy tree, media binder, scheduler, co-authors, revision diffs, snippet cards, comment threads, repurpose cards, readability tile, and cover-art studio. Visual references only — no real CMS wired.

Visual reference only — newsroom is not wired
Primitive 01

Long-form editor

Block-based rich text — paragraph, heading, list, quote, embed, code — with floating toolbar.

Stateful · formatOpen
Primitive 02

Outline rail

Auto-generated heading outline with jump-to scroll and reorder controls.

Stateful · jumpOpen
Primitive 03

Frontmatter panel

Title, slug, excerpt, cover, author, category, and tag editor for every article.

Stateful · editOpen
Primitive 04

SEO inspector

Readability, keyword density, meta length, and Google snippet preview.

StatelessOpen
Primitive 05

Media binder

Inline asset chooser — image, video, audio, embed — wired into the DAM.

Stateful · pickOpen
Primitive 06

Taxonomy tree

Category and tag tree with article counts and drag-to-recategorise indicator.

Stateful · expandOpen
Primitive 07

Publish scheduler

Calendar picker with timezone and republish cadence selector.

Stateful · scheduleOpen
Primitive 08

Co-author strip

Multi-author chip strip with role chips and per-author byline visibility toggle.

Stateful · toggleOpen
Primitive 09

Revision diff viewer

Side-by-side revision comparison with added, removed, and editor-note lines.

StatelessOpen
Primitive 10

Content block card

Reusable snippet card — callout, quote, stat block, lead-magnet, diagram.

StatelessOpen
Primitive 11

Comment thread card

Editorial comment thread on a block — open, resolved, in-review states.

StatelessOpen
Primitive 12

Social repurpose card

Generate X thread, IG reel, carousel, LinkedIn, TikTok, and newsletter from an article.

StatelessOpen
Primitive 13

Readability score tile

Flesch reading-ease dial with grade level, sentence length, and long-word ratio.

StatelessOpen
Primitive 14

Cover art studio

Aspect-ratio cropper with focal-point pin and AI background suggestions.

Stateful · cropOpen
Composition

Full newsroom

Editor + outline + frontmatter + media binder + SEO + comments + repurpose, composed.

CompositionOpen