skills.rest
guideops
guideopsCOMMUNITY
Explore all skills by this author →
GitHub

codex

Generate design-system guidelines for the Codex interface with typography, color, spacing, and accessibility.

Updated Jun 23, 2026
Search Tags:#typography#accessibility#minimalism#design system#color palette
One-click install
npx skills add https://github.com/guideops/agentic-shared --skill codex-guideops
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: codex
Source: https://github.com/guideops/agentic-shared/tree/main/skills/awesome-design-skills/styles/codex
Command: npx skills add https://github.com/guideops/agentic-shared --skill codex-guideops

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides expert design-system guidelines for Codex, an interface with a focus on minimalism, typography, and the use of black tones.

Core Features & Use Cases

  • Minimal Design System Guidance: Offers detailed guidelines for creating a minimal design system based on Codex.
  • Typography Scale and Fonts: Provides a predefined typography scale and font selections for consistency.
  • Color Palette: Offers a color palette that includes primary, secondary, neutral, success, warning, danger, surface, text, and neutral colors.
  • Spacing Scale: Defines a spacing scale for consistent design elements.
  • Accessibility Compliance: Ensures compliance with WCAG 2.2 AA standards and keyboard-first interactions.

Quick Start

Generate a design system guideline for Codex using the provided template and follow the writing tone and rules outlined in the Skill.

Frequently Asked Questions about codex

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

FAQPage Schema
How do I create a minimal design system focused on typography and black tones?▼

To create a minimal design system, generate design-system guidelines using a structured authoring workflow that defines style foundations, typography scales, and black-tone color palettes for interface consistency.

What typography scale and font selections are needed for a minimalist interface?▼

A minimalist interface requires a predefined typography scale and specific font selections to maintain visual consistency. These are provided as part of a comprehensive set of style foundations within the generated guidelines.

Does this design system approach include a complete color palette for UI states?▼

Yes, the design system includes a complete color palette for UI states, featuring primary, secondary, neutral, surface, text, success, warning, and danger colors alongside its black tones.

How do I ensure accessibility compliance in a minimal design system?▼

Ensure accessibility compliance in a minimal design system by adhering to WCAG 2.2 AA standards and implementing keyboard-first interactions as defined within the guideline requirements.

Can I use this to generate spacing scales for consistent design elements?▼

Yes, you can use this to generate a predefined spacing scale that ensures consistent design element spacing across the interface, directly integrating it into your design system documentation.

Related Skills

Explore More Design & Creative Skills→
i5tingi5ting
172

Nodejs Newbie

Teach Node.js fundamentals including NVM setup, npm, and Git workflows.

Community
Intermediate
p-o-ke-naep-o-ke-nae

visual-design-foundations

Create cohesive visual design systems with typography, color, spacing, and iconography standards.

Community
Intermediate
guideopsguideops

neumorphism

Provide neumorphism UI design guidelines with WCAG 2.2 AA accessibility rules.

Community
Advanced
JBonfimJBonfim

minimalist-ui

Design editorial-style web interfaces with warm monochrome and strict UI constraints.

Community
Advanced