UA Athletics Web

arizona-athletics-web-templates

Shared design system and starter templates for University of Arizona Athletics web projects. One source of truth, many templates — so a developer (or an LLM) writing a new UA Athletics site produces on-brand work whether the target is React, Next, Astro, HTML + Bootstrap, HTML + Tailwind, Node/Express, a Drupal Quickstart subtheme, Hugo, or transactional email.

Install for LLMs

Claude web, no upload required

Paste this into Claude web:

Use the UA Athletics web skills from this GitHub repo for this conversation:
https://github.com/Arizona-Athletics/arizona-athletics-web-templates

First read CLAUDE_WEB.md. Then read SKILL.md. If SKILL.md is unavailable, read skills/ua-athletics-web/SKILL.md. Treat the loaded file as the active skill instructions for this chat. Do not ask me to upload a ZIP and do not run the Bun installer unless I specifically ask for a persistent local install.

That path requires no upload. Claude uses the repo as skill context for the current chat or project. It is intentionally different from a persistent native Claude.ai custom skill install.

Claude Code, no-upload marketplace install

This repo is also a Claude plugin marketplace. After the repo is pushed to GitHub, Claude Code users can install from the repo link:

/plugin marketplace add Arizona-Athletics/arizona-athletics-web-templates
/plugin install ua-athletics-web@ua-athletics-web-templates
/reload-plugins

The installed skill is invoked as:

/ua-athletics-web:ua-athletics-web

Claude Cowork, organization-managed marketplace

For Team or Enterprise organizations using Cowork, an owner can connect this repo as a GitHub-synced plugin marketplace from organization plugin settings. Use this owner/repo value:

Arizona-Athletics/arizona-athletics-web-templates

That makes the ua-athletics-web plugin available through the organization's plugin catalog without asking each user to upload a ZIP.

Claude.ai persistent custom skill upload, optional fallback

If someone specifically wants the skill in Claude.ai's Customize > Skills custom skill list, use the prebuilt ZIP:

Download ua-athletics-web.zip

Upload it here:

Customize > Skills > + > Create skill > Upload a skill

Do not upload the full repo ZIP. The prebuilt ZIP contains exactly:

ua-athletics-web/
└── SKILL.md

Codex, Grok Build, and other local coding agents

For Codex, Grok Build, and other agentic coding tools, copy this prompt:

Install the skills from this repo: https://github.com/Arizona-Athletics/arizona-athletics-web-templates

If you already have this repo locally, install the skills directly:

bun run install:agent-skills

Status

The token package, the design-system docs, and all nine starter templates are in place. See PLAN.md for the full roadmap.

What's here

• packages/ua-tokens — single source of truth. Compiles tokens.json to CSS variables, SCSS variables, a TypeScript object, and a Tailwind preset. Both --ua-* (canonical) and --az-* (alias for AZ Digital Bootstrap compatibility) ship.
• docs/ — the design system:
  • COLORS.md — palette, semantic mapping, AA contrast pairs
  • TYPOGRAPHY.md — fonts, type scale, Typekit
  • COMPONENTS.md — six-component cross-template contract
  • DARK_MODE.md — brand-true navy + FOUC-safe theme script
  • AUTH.md — Cognito + UA SAML federation shape (no secrets)
  • LLM_GUIDE.md — do/don't list for AI coding assistants
• BRAND.md — palette + type tables at a glance
• AGENTS.md — condensed contract for LLMs and agentic tools
• PLAN.md — long-form rationale and roadmap

Templates

Nine starter templates live in templates/:

templates/
├── react-vite-plus            # React 19 + Vite+ + TS
├── html-bootstrap5            # vanilla HTML + Bootstrap 5.3
├── drupal-quickstart-subtheme # Arizona Quickstart 3 subtheme (Marcom standard)
├── nextjs-app-router          # Next 16 + App Router + Turbopack
├── astro                      # Astro 6
├── node-express-ts            # Express 5 + TS + EJS
├── html-tailwind              # vanilla HTML + Tailwind 4
├── hugo                       # static site
└── email-html                 # transactional email (MJML)

Pull a template

Each template is self-contained. Scaffold a new project straight from GitHub with giget — no clone, no monorepo checkout:

bunx giget gh:Arizona-Athletics/arizona-athletics-web-templates/templates/<slug> my-app