Spectre UX Specifier

Transforme les exigences produit en une spécification UX comportementale détaillée (ux.md), en se concentrant sur les flux, les composants et l'accessibilité.

déclencheurs:write ux specdefine user flowsbehavioral specificationux.mddescribe feature behavior

GitHub SKILL.md

Ce qu'il fait

Cette compétence comble le fossé entre les exigences de haut niveau et la mise en œuvre technique. Elle produit une spécification ux.md définitive qui décrit exactement comment une fonctionnalité se comporte, y compris les segments d'utilisateurs, les tableaux d'interaction et les exigences d'accessibilité, sans prescrire l'esthétique visuelle.

Quand l'utiliser

Déclenchez cette compétence après qu'un PRD ou un document de périmètre a été établi, mais avant tout début de planification ou de construction d'interface utilisateur (UI). Elle est essentielle pour les fonctionnalités nécessitant une définition comportementale claire afin d'éviter la refonte de l'UX.

Ce qui est inclus

Instructions : Un processus en deux étapes qui aligne d'abord les flux utilisateurs avant de rédiger une spécification complète en 11 sections.
Vocabulaire d'état : Un ensemble de termes standardisés pour définir les états visuels, de données, de formulaire et de synchronisation.
Directives responsives : Des points de rupture spécifiques pour les mises en page bureau, tablette et mobile.

Agents compatibles

Codex, Claude Code et les agents intégrés au flux de travail SPECTRE.

Étiquettes

#ux-design #product-specification #behavioral-spec #user-flows #accessibility #spectre-workflow

Pas encore audité

Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.

Informations

Dépôt: SPECTRE Agentic Workflow
Étoiles: 146

Plus de SPECTRE Agentic Workflow

Prototype Spectre

Génère un prototype HTML unique et autonome pour valider visuellement les fonctionnalités et les flux avant la planification ou la mise en œuvre.

Compétences similaires

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.

Retour aux compétences