Spectre UX Specifier

Transforms product requirements into a detailed behavioral UX specification (ux.md), focusing on flows, components, and accessibility.

triggers:write ux specdefine user flowsbehavioral specificationux.mddescribe feature behavior

GitHub SKILL.md

What it does

This skill bridges the gap between high-level requirements and technical implementation. It produces a definitive ux.md specification that describes exactly how a feature behaves, including user segments, interaction tables, and accessibility requirements, without prescribing visual aesthetics.

When to use it

Trigger this skill after a PRD or scope document has been established but before any UI planning or building begins. It is essential for features requiring a clear behavioral definition to avoid UX rework.

What's included

Instructions: A two-stage process that first aligns on user flows before writing a comprehensive 11-section specification.
State Vocabulary: A standardized set of terms for defining visual, data, form, and sync states.
Responsive Guidelines: Specific breakpoints for desktop, tablet, and mobile layouts.

Compatible agents

Codex, Claude Code, and agents integrated with the SPECTRE workflow.

Not yet audited

This skill has not been reviewed by our automated audit pipeline yet.

Information

Repository: SPECTRE Agentic Workflow
Stars: 146

More from SPECTRE Agentic Workflow

Spectre Prototype

Generate a single self-contained HTML prototype to validate features and flows visually before planning or implementation.

Related Skills

Scientific Schematics & Diagrams

Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o

Colorize (Strategic UI Color)

Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.

OpenTestAI

Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.

Cognitive Accessibility Specialist

Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

Agent Browser — Core

Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio

Colorize — Strategic UI Color Introduction

Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.

Popup CRO

Design and optimize popups, modals, banners, and slide-ins to increase conversions without harming user experience or SEO.

MCP App Store

Spectre UX Specifier

What it does

When to use it

What's included

Compatible agents