octave-uxd / agents

Claude Code skills, built for the UX team.

Six agents the Octave UX team uses every day. Each one runs in a few simple steps.

Design

design

ui-explorer

3 visual reskins of the same DOM, side-by-side.

When to use

You have a design and want to explore visual directions before committing to one.

  1. 1Drop your design in current/
  2. 2Drop reference images in refs/
  3. 3Run · open compare.html in browser
Updated May 6, 2026 SharePoint ↗
design

html-converter

One self-contained HTML file under 1 MB.

When to use

You need to share a JS prototype as a portable file — Figma Make paste, email, Notion embed.

  1. 1Point at a prototype folder
  2. 2Say output to html
  3. 3Open the .html anywhere — no server
Updated May 5, 2026 SharePoint ↗
design

design-token-generator

A complete token bundle from any prototype.

When to use

You're handing a prototype to engineering and need its visual language as portable, framework-agnostic tokens.

  1. 1Point at a prototype folder
  2. 2Say extract design tokens
  3. 3Get 5 files: DESIGN.md, tokens.json, variables.css, react + angular guides
Updated May 5, 2026 SharePoint ↗
design

octave-light-dark-converter

Flip Octave prototypes between light and dark.

When to use

You have an Octave single-file HTML prototype and need to show it in the opposite theme.

  1. 1Drop an Octave single-file HTML artifact
  2. 2Say convert to dark (or light)
  3. 3Get the flipped artifact back
Updated May 5, 2026 SharePoint ↗

Project Management

project-management

log-design-meeting

Teams transcripts → structured meeting notes.

When to use

Right after a design meeting — paste the Teams transcript before the context fades.

  1. 1Paste a Teams transcript
  2. 2Pick the One Octave sub-initiative
  3. 3Note saved to OneDrive · decisions queued
Updated May 5, 2026 SharePoint ↗

Research

research

octave-prototype-validation

Test a storyboard with users in 4 phases.

When to use

You have a UX handoff doc + storyboard but skipped the full Ideation pack — and want users in front of it fast.

  1. 1Share handoff doc + storyboard
  2. 2Generate hypotheses + test plan
  3. 3Capture sessions as you run them
  4. 4Synthesise into a findings report
Updated May 5, 2026 SharePoint ↗