Skills
.Work. You
Rest

design-editorial

Community

Editorial UI blueprint with serif typography.

Design & Creative#typography#design#ui#accessibility#nextjs#tailwind#design-system
AuthorFandry96
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Editorial design-system blueprint codifies typography, layout, and accessibility standards to ensure consistent, production-ready editorial apps.

Core Features & Use Cases

  • Font implantation for Next.js apps (Gelasio, Inter, Ubuntu Mono)
  • Tailwind v4 theme overrides to enforce design tokens
  • UI implementation mandates for typography, separators, and image captions
  • Use Case: teams building Next.js 15 apps can adopt the blueprint to achieve consistent editorial layouts and typography.

Quick Start

Apply this blueprint to your Next.js project and implement the fonts, tokens, and UI rules as shown.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-editorial
Download link: https://github.com/Fandry96/k3-agentic-skills/archive/main.zip#design-editorial

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.