Agent Kit

Editorial

Build magazine-grade editorial landing pages with a real serif display face, an asymmetric 12-column grid, controlled measure in ch, correct drop caps and pull quotes, hairline rules, and images that bleed and break the grid.

What this produces

Screenshots of a real page Claude Opus 5.5 at Max effort built by following Editorial. A live build, not a mockup.

SkillEditorial19 sections4,690 wordsv1.1.0

Pairs with

v1.1.0Fixed the drop cap, whose CSS produced a two-line cap, with a derivation and verified values (§8). Fixed the hero example's kicker, which faked small caps (§17), and sized small caps by their height (§4). Showcase rebuilt by Claude Opus 5.5 at Max effort.

Licensed for use in your own and your clients' projects under the React Bits Pro license. Redistribution, resale, or publishing the text of this skill is not permitted.