back-nine-design

Enforce project-wide UI design laws for color-blind accessibility and predictable experiences.

Updated Feb 22, 2026
One-click install
npx skills add https://github.com/mbriggsy/ai-learning-journey --skill back-nine-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: back-nine-design
Source: https://github.com/mbriggsy/ai-learning-journey/tree/main/projects/the-back-nine/.claude/skills/back-nine-design
Command: npx skills add https://github.com/mbriggsy/ai-learning-journey --skill back-nine-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Back Nine design law enforces project-wide UI standards to ensure color-blind accessibility, consistent confidence-visualization, calm intake experiences, and CSP/PWA compliance across all user-facing surfaces.

Core Features & Use Cases

  • Color-blind-safe encoding across charts and signals with redundant non-color cues.
  • Calm intake UX, disciplined financial input handling, and accessible error messaging.
  • CSP constraints and offline-first behavior guiding UI build and review.

Quick Start

Refer to the Back Nine design law whenever creating or reviewing any UI in this project.

Frequently Asked Questions about back-nine-design

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

FAQPage Schema
How do I enforce color-blind accessibility in UI design across an entire project?

Enforce color-blind accessibility by applying project-wide UI design laws that mandate redundant non-color cues for charts and signals, ensuring visual information remains perceivable without relying solely on color encoding.

What UI design rules ensure predictable user experiences in PWA applications?

Predictable user experiences in PWA applications require UI design rules specifying offline-first behavior, CSP constraints, calm intake forms, and consistent confidence-visualization to maintain stability across React-based surfaces.

Can I apply color-safe design laws to data visualization and intake forms?

Yes, color-safe design laws apply directly to data visualization and intake forms, specifying concrete requirements for confidence bands, disciplined financial input handling, and accessible error messaging.

Does the Back Nine design skill work with React components and service-worker behavior?

The Back Nine design skill works with React components and service-worker behavior by enforcing UI design laws across React-based surfaces, specifying concrete requirements for offline behavior and CSP compliance.

When do I need redundant non-color cues for charts and UI signals?

Redundant non-color cues for charts and UI signals are needed whenever color-blind accessibility is required, ensuring visual redundancy encodes data so users with color vision deficiencies can interpret information accurately.

What are the limitations of relying on color palettes alone for accessible UI encoding?

Relying on color palettes alone for accessible UI encoding fails users with color vision deficiencies, so design laws mandate visual redundancy through non-color cues to ensure information remains accessible across all user surfaces.