Agent skill
doc-uxspec-autopilot
Automated UXSPEC (UX Specification) generation from REQ - generates specifications for wireframes, mockups, and user experience artifacts
Install this agent skill to your Project
npx add-skill https://github.com/vladm3105/aidoc-flow-framework/tree/main/.claude/skills/doc-uxspec-autopilot
Metadata
Additional technical details for this skill
- tags
-
sdd-workflow layer-9-artifact uxspec-artifact automation-workflow
- custom fields
-
{ "layer": 9, "version": "1.0", "priority": "primary", "last_updated": "2026-03-01", "subtype_code": 52, "artifact_type": "UXSPEC", "skill_category": "automation-workflow", "deliverable_type": "ux", "development_status": "active", "upstream_artifacts": [ "REQ" ], "downstream_artifacts": [ "TSPEC", "TASKS" ], "architecture_approaches": [ "ai-agent-based" ] }
SKILL.md
doc-uxspec-autopilot
Purpose
Automated UX Specification (UXSPEC) generation pipeline that processes REQ documents to generate specifications for user experience deliverables including wireframes, mockups, prototypes, and user journeys.
Layer: 9.52 (UXSPEC - UX Specifications)
Upstream: REQ (Layer 7)
Downstream: TSPEC (Layer 10), TASKS (Layer 11)
When to Use
Use doc-uxspec-autopilot when:
- REQ documents have
deliverable_type: ux - Creating specifications for wireframes
- Generating mockup specifications
- Creating prototype requirements
- Specifying user journey designs
Document Type Contract (MANDATORY)
When generating UXSPEC document instances, the autopilot MUST:
-
Read
instance_document_typefrom template:- Source:
ai_dev_ssd_flow/09_SPEC/UXSPEC/UXSPEC-MVP-TEMPLATE.yaml - Field:
metadata.instance_document_type: "uxspec-document"
- Source:
-
Set
document_typein generated document frontmatter:yamlcustom_fields: document_type: uxspec-document artifact_type: UXSPEC deliverable_type: ux layer: 9 subtype_code: 52
UX Element Types
| Element Type | Code | Description |
|---|---|---|
| Wireframe | 60 | Low-fidelity layout |
| Mockup | 61 | High-fidelity visual design |
| Prototype | 62 | Interactive prototype |
| User Journey | 63 | User flow visualization |
DESIGN-Ready Score Components
| Component | Weight | Target |
|---|---|---|
| Layout Completeness | 20% | 100% |
| Interaction Spec | 20% | ≥90% |
| Visual Consistency | 20% | ≥90% |
| Accessibility | 15% | ≥85% |
| Responsive Design | 15% | ≥85% |
| Traceability | 10% | 100% |
Target: DESIGN-Ready ≥85%
References
- Template:
ai_dev_ssd_flow/09_SPEC/UXSPEC/UXSPEC-MVP-TEMPLATE.yaml - Schema:
ai_dev_ssd_flow/09_SPEC/UXSPEC/UXSPEC_MVP_SCHEMA.yaml
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
doc-spec-reviewer
Comprehensive content review and quality assurance for SPEC documents - validates YAML structure, REQ coverage, interface definitions, and identifies issues requiring manual attention
doc-prd-fixer
Automated fix skill that reads review reports and applies fixes to PRD documents - handles broken links, element IDs, missing files, and iterative improvement
doc-procspec-autopilot
Automated PROCSPEC (Process Specification) generation from REQ - generates specifications for SOPs, runbooks, playbooks, and operational procedures
doc-riskspec-autopilot
Automated RISKSPEC (Risk Specification) generation from REQ - generates specifications for risk matrices, impact assessments, and mitigation plans
doc-ptest-autopilot
Automated PTEST generation and review orchestration for performance category and threshold validation
doc-adr-autopilot
Automated ADR generation pipeline from BRD Architecture Decision Requirements - analyzes topics, generates Context-Decision-Consequences records
Didn't find tool you were looking for?