terracotta

Generates design tokens and component guidelines for editorial interfaces.

Updated Jul 9, 2026
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill terracotta-ashesoftheundead
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: terracotta
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/terracotta
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill terracotta-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of maintaining visual consistency and accessibility in editorial-focused interfaces by providing a pre-defined, human-centric design language.

Core Features & Use Cases

  • Design Token Management: Provides a standardized set of color, typography, and spacing tokens to ensure a cohesive look.
  • Accessibility Compliance: Enforces WCAG 2.2 AA standards, ensuring that all UI components are readable and usable by everyone.
  • Use Case: When building a new blog or storytelling platform, use this Skill to instantly apply the Terracotta aesthetic, ensuring your headlines, spacing, and color accents follow a professional editorial rhythm.

Quick Start

Use the terracotta skill to generate a set of design tokens and component guidelines for a new editorial dashboard.

Frequently Asked Questions about terracotta

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

FAQPage Schema
How do I ensure accessibility compliance in an editorial UI design system?

To ensure accessibility compliance in an editorial UI design system, apply a structured framework that enforces WCAG 2.2 AA standards. This approach utilizes predefined color palettes and typography tokens to guarantee readability and usability across web and application interfaces.

How do I generate design tokens for a blog or storytelling platform?

You generate design tokens for a storytelling platform by applying a pre-defined editorial design language. This provides a standardized set of color, typography, and spacing tokens to maintain visual consistency and a cohesive aesthetic across your interface.

What is the best way to maintain typography and spacing consistency across web applications?

The best way to maintain typography and spacing consistency across web applications is to use a structured design token management system. This enforces a unified visual rhythm through standardized tokens and defined component rules.

Does this editorial design system work for building new web application interfaces?

Yes, this editorial design system works for building new web application interfaces by providing structured component guidelines and QA checklists. It facilitates the implementation of consistent spacing tokens and color palettes specifically tailored for editorial dashboards.

Can I use these design tokens for a storytelling platform without prior design system knowledge?

You can use these design tokens for a storytelling platform without deep prior design system knowledge. The framework provides a human-centric design language with predefined rules, allowing you to instantly apply professional editorial aesthetics.

Why does my editorial interface lack visual consistency and professional rhythm?

Your editorial interface lacks visual consistency because it is missing a structured design token framework. Implementing a pre-defined, human-centric design language enforces a professional editorial rhythm through standardized color, typography, and spacing tokens.