skills.rest
wikimedia
wikimediaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

codex-style-guide

Apply Codex design principles to UX decisions for color, typography, and layout.

7|6|Updated Apr 28, 2026
Search Tags:#typography#accessibility#codex#color#design-principles#ui-guidelines#bidirectionality
One-click install
npx skills add https://github.com/wikimedia/ProtoWiki --skill codex-style-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: codex-style-guide
Source: https://github.com/wikimedia/ProtoWiki/tree/main/.agents/skills/codex-style-guide
Command: npx skills add https://github.com/wikimedia/ProtoWiki --skill codex-style-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Codex style guide provides a practical reference to apply Codex design principles so teams ship consistent, accessible UX.

Core Features & Use Cases

  • Principle reference: acts as a canonical reference for design decisions across accessibility, bidirectionality, and visual styles.
  • Decision support: guides color, typography, layout, copy, and AI-assisted output labeling decisions.
  • Workflow integration: integrates with design reviews and prototyping, ensuring alignment with brand voice and user needs.

Quick Start

Review a UI design and apply Codex guidelines to ensure accessibility, clarity, and consistency.

Frequently Asked Questions about codex-style-guide

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

FAQPage Schema
What are Codex design principles for UX accessibility and bidirectionality?▼

Codex design principles provide a canonical reference for ensuring UX accessibility, bidirectionality, and visual style consistency across UI components and layouts.

How do I apply Codex UI guidelines for color and typography decisions?▼

Apply Codex UI guidelines during design reviews to validate color choices, typography scales, and layout structures, ensuring outputs align with brand voice and user needs.

Can I use Codex style guidelines to validate AI-assisted design outputs?▼

Yes, Codex style guidelines support validating AI-assisted outputs by checking copywriting, layout decisions, and visual styles against established accessibility and design principles.

What is the best way to integrate Codex design principles into a prototyping workflow?▼

Integrate Codex design principles into prototyping by referencing the guidelines during UX decisions, ensuring immediate alignment with accessibility, clarity, and consistency standards.

Does the Codex style guide cover content and copywriting guidelines?▼

Yes, the Codex style guide covers content guidelines including copywriting decisions, ensuring text aligns with brand voice while maintaining accessibility and visual consistency.

Related Skills

Explore More Design & Creative Skills→
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate
tiankong0101-bytetiankong0101-byte

ui-ux-pro-max

Create design systems, component specifications, and interactive prototypes for software products.

Community
Advanced
OpenLaborOpenLabor
4

UI Design

Create accessible web and mobile interfaces with design system guidelines.

Official
Intermediate
0xRayAI0xRayAI

frontend-ui-ux-engineer

Apply UI/UX design principles and WCAG 2.1 AA accessibility guidelines to web interfaces.

Official
Intermediate