Interaction Pattern Validation & Refinement
Validate interaction patterns against accessibility, cognitive load & user mental models
What You Can Do
You can stress-test interaction patterns across multiple validation criteria simultaneously—accessibility compliance, cognitive load, user mental models, and usability principles. This skill identifies friction points in form workflows, modal sequences, navigation hierarchies, and state transitions, then generates specific, evidence-based refinements. You'll catch design issues before they reach development, reducing rework and support burden post-launch.
Features
Validates keyboard navigation, focus management, semantic structure, color contrast, and assistive technology compatibility
Evaluates decision complexity, working memory demands, information scent, and progressive disclosure patterns
Compares interaction sequences against user research, conceptual models, and domain conventions
Flags error recovery gaps, unclear state indicators, confirmation workflows, and recovery paths
Generates comparative analysis across accessibility, usability, learnability, and efficiency dimensions
Documents state transitions, edge cases, and user pathways to visualize interaction sequences
Produces specific, actionable design recommendations with rationale tied to accessibility standards or cognitive science
Evaluates interaction pattern libraries against compliance and consistency criteria
Example Output
Input: Multi-step checkout form with address auto-complete, optional fields, and real-time validation
Output:
Validation Results
-
✅ Accessibility (WCAG 2.1 AA): 78/100
-
PASS: Semantic form markup, error messages linked to fields
-
WARN: Real-time validation triggers may interrupt screen reader users before form submission
-
FAIL: Auto-complete dropdown not keyboard accessible; Enter key submits form instead of populating field
-
🧠 Cognitive Load: 82/100
-
PASS: Progressive disclosure (optional fields hidden)
-
WARN: Three validation states (error, warning, success) create decision fatigue
-
ACTION: Consolidate to pass/fail only; move warnings to post-submission review
-
👤 User Mental Models: 71/100
-
ISSUE: Auto-complete confidence score not visible; users unsure if address is correct
-
FIX: Add visual confirmation badge + "Edit address" fallback
Recommended Refinements
- Defer real-time validation to blur event (not keystroke)
- Make auto-complete keyboard-navigable with Escape to dismiss
- Show single validation state per field; batch secondary warnings
What's Included
- SKILL.md: Complete instruction framework for interaction validation workflows
- WCAG 2.1 AA Compliance Checklist: Keyboard, focus, semantic, sensory, motion criteria
- Cognitive Load Assessment Template: Decision complexity, working memory, scent, disclosure patterns
- Interaction Flow Mapping Canvas: State diagram template with edge cases and recovery paths
- Design Handoff Checklist: Pre-development validation sign-off for interaction patterns
Who It's For
- UX/Interaction Designers — Validate workflows before design specifications reach development
- Product Managers — Audit interaction patterns for usability and compliance risk before launch
- Accessibility Specialists — Stress-test patterns against WCAG 2.1 AA standards across user types
- Design Systems Managers — Evaluate pattern library components for consistency and accessibility
- Design QA/Testers — Identify interaction gaps during design review phases
Best For
- Multi-step workflows (forms, checkout, onboarding, setup wizards)
- State management patterns (modal stacking, undo/redo, real-time collaboration)
- Navigation hierarchies and information architecture validation
- Error recovery and edge case design review
- Accessibility compliance audits in regulated industries
- Design system pattern library evaluation
- Interaction refinement before developer handoff
You might also like
Audit import/export documentation against regulatory requirements, identify missing certificates or discrepancies, and generate compliance checklists for customs submission. You'll catch documentation gaps early, reduce shipment delays, and ensure all goods meet destination country regulations. The validator reviews invoices, packing lists, tariff classifications, and origin certificates to flag non-compliance issues before they reach port.
This skill systematically reviews your import shipment documentation, verifies harmonized tariff codes, and checks regulatory requirements before customs entry. You get a comprehensive compliance assessment that identifies documentation gaps, tariff misclassifications, and regulatory risks, helping you avoid costly delays, penalties, and audit issues.
Analyze multi-modal transportation options by evaluating carrier capabilities, route efficiency, cost trade-offs, and regulatory constraints. You receive structured route recommendations ranked by your priority criteria (cost, speed, compliance, sustainability), along with risk assessments and implementation checklists for each option.
You can generate detailed interaction specifications for complex user flows and component behaviors that eliminate ambiguity in handoff. The skill produces structured documentation including state diagrams, transition tables, animation timing, keyboard navigation patterns, error handling workflows, and accessibility requirements—all formatted for both designers and developers to reference.
by calesthio
You analyze complex freight scenarios combining truck, rail, ocean, and air modes to identify the lowest-cost routing options and equipment configurations. The skill structures rate negotiations by comparing carrier quotes, benchmarking costs against industry standards, and highlighting cost-reduction opportunities across equipment types and transport combinations.
You can input your fleet data (vehicle metrics, fuel consumption, maintenance records, driver performance) and receive comprehensive analysis including cost reduction opportunities, efficiency benchmarks, and actionable optimization strategies. The skill generates detailed reports that identify fuel waste, maintenance inefficiencies, and underutilized assets to help you reduce operating expenses by 10-25% and extend vehicle lifespan.
Analyze inbound shipping documentation to verify receipt accuracy against purchase orders, bills of lading, and carrier documentation. Identify and categorize discrepancies like missing items, quantity variances, and damage claims. Generate exception reports and provide resolution guidance to streamline your receiving operations.
Submit full truckload shipment details and receive detailed analysis of capacity utilization, rate competitiveness, and profitability margins. The skill evaluates compliance requirements, identifies routing risks, and generates optimization recommendations to improve load factors and carrier margins while ensuring regulatory adherence.