Uwayxt
- 47 skills
- 0 followers
- 9 hours ago last updated
- ▌ Prd Traceability Matrix · uwayxt bundleMap every PRD requirement to its UI element, route, and implementation status. Use when traceability, requirement tracking, PRD coverage, what has been built, or which requirements are missing.
- ▌ Route Integrity Checker · uwayxt bundleAudit and maintain route connections across the application. Use when adding pages or refactoring navigation.
- ▌ Security Privacy Review · uwayxt bundleAudit interface for auth boundaries, sensitive data exposure, and privacy compliance. Use when security review, privacy audit, data exposure, GDPR, or auth UX.
- ▌ User Research Synthesis · uwayxt bundleTurn raw user data into ranked design insights. Use when synthesize interviews, user feedback, what did users say, research findings, analyze survey, or interview notes.
- ▌ Visual Hierarchy Review · uwayxt bundleAudit layout for focal point, contrast, rhythm, and CTA hierarchy. Use when visual hierarchy, does this layout read well, check contrast and rhythm, what should the eye see first, or layout review.
- ▌ Dark Mode Theming System · uwayxt bundleDefine dual-theme token layer and elevation models for light and dark mode. Use when dark mode, theme switching, color scheme, or dark theme.
- ▌ Information Architecture · uwayxt bundleDesign intuitive, scalable navigation structures. Use when building a sitemap, defining navigation menus, or organizing complex feature sets.
- ▌ Dashboard Layout Patterns · uwayxt bundleChoose and configure the application shell, grid, and responsive behavior for data-dense layouts. Use when dashboard layout, admin panel, management interface, data grid layout, sidebar layout, or topbar vs sidebar.
- ▌ Interactive Element Audit · uwayxt bundleScan all interactive elements for missing handlers, broken links, and unconnected state changes. Use when buttons without actions, orphaned interactive elements, dead links, form without submit, or incomplete interactions.
- ▌ Touch Gesture Interaction · uwayxt bundleDefine touch targets, gestures, and thumb-zone layout for touch interfaces. Use when designing for mobile, touch targets, gesture patterns, swipe, pull-to-refresh, or thumb reachability.
- ▌ I18N Localization Strategy · uwayxt bundleDefine internationalization, RTL layout, translation tokens, and locale formatting. Use when i18n, localization, RTL, multi-language, translation, or locale support.
- ▌ Project Health Diagnostics · uwayxt bundleAutonomous project health audit engine that computes a Token Adherence Index (TAI) score (0–100), maps quality gaps to specific Agentway skills, and generates a structured Health Report Card with a prioritized prescription queue. Use when: health check, diagnose project, TAI score, what skills do I need, agentway doctor, project quality audit, skill recommender.
- ▌ Usability Heuristics Check · uwayxt bundleEvaluate UI against Nielsen's 10 usability heuristics. Use when heuristic evaluation, usability check, Nielsen's heuristics, is this UI usable, or usability review.
- ▌ Accessibility Runtime Audit · uwayxt bundleRun accessibility checks on the actual built product, not just the design. Use when accessibility audit, a11y runtime check, WCAG on real build, screen reader, keyboard navigation, or ARIA attributes.
- ▌ Adaptive Component Behavior · uwayxt bundleDefine how components change interaction patterns across devices, not just size. Use when adapting UI for mobile, component transformation, sidebar to bottom-nav, table to card, or touch interaction patterns.
- ▌ Behavioral Pricing Psychology · uwayxt bundleArchitects high-converting SaaS pricing models and paywall UX using behavioral economics principles: Decoy Effect (asymmetric dominance), Loss Aversion framing, Default Anchoring (annual billing toggle), and strategic Feature Gating hierarchies. Use when: pricing table, paywall, monetization, pricing tiers, decoy effect, how to price this product, subscription pricing, feature gating, upgrade UX.
- ▌ Flow Based Functional Testing · uwayxt bundleExecute user flows as functional test cases and verify outcomes match the design. Use when functional testing, user flow testing, end-to-end test, verify the flow works, or test this feature.
- ▌ Kinematic Motion Choreography · uwayxt bundleDesigns physics-based UI motion systems using harmonic spring oscillator equations (mass, stiffness, damping), asymmetric entrance/exit curves, staggered cascading delays, and mandatory reduced-motion fallbacks. Use when: spring animation, physics motion, cubic-bezier, enter exit animation, staggered list animation, modal transition, interactive gestures, agentway gen:spring.
- ▌ Perceived Performance Loading · uwayxt bundleDefine loading strategies that make the product feel fast regardless of actual load time. Use when skeleton loaders, lazy loading, progressive rendering, perceived performance, or mobile loading speed.
- ▌ QA Feedback Loop Orchestrator · uwayxt bundle**Quality is not a final gate — it is a loop. Every finding that can be fixed automatically must be. Every finding that cannot must reach a human with full context, not just a bug report.**
- ▌ Dashboard Scaffolding Contract · uwayxt bundleEstablish a manifest-driven dashboard shell. Use when designing scalable, module-agnostic layouts.
- ▌ Responsive Breakpoint Strategy · uwayxt bundleDefine the breakpoint system and grid strategy for cross-device layouts. Use when setting up responsive design, breakpoints, mobile-first layout, fluid grid, or container queries.
- ▌ Micro Interaction Motion Design · uwayxt bundleDefine motion tokens, interaction patterns, and feedback animations. Use when animation, transitions, micro-interaction, hover effects, loading states, motion, or make the UI feel alive.
- ▌ Stakeholder Requirement Mapping · uwayxt bundleTranslate cross-department needs into unified requirements. Use when requirements from sales/ops/finance, cross-department needs, stakeholder alignment, or conflicting requirements.
- ▌ Error Boundary Resilience Design · uwayxt bundleDesign comprehensive state resilience including empty, partial, offline, timeout, and failure states. Use when error state, empty state, offline mode, fallback UI, or resilient UX.
- ▌ Cognitive Load Heatmap Prediction · uwayxt bundlePredict visual attention paths and audit cognitive friction using eye-tracking simulation, Fitts's Law motor effort, Hick-Hyman Decision Time, and Visual Saliency Ratio. Use when cognitive load, attention heatmap, eye tracking, visual friction, CTA hierarchy, decision overload, or first 500ms attention.
- ▌ Visual Responsive Regression Testing · uwayxt bundleDetect visual regressions and missing responsive transformations across breakpoints. Use when visual regression, screenshot comparison, layout broke on mobile, element overflowing, or component not transforming correctly.
- ▌ Mvp Scoping · uwayxt bundleDefine the smallest product that tests the riskiest assumption. Use when MVP, minimum viable, what's the smallest version, cut scope, or phase 1.
- ▌ Design Tokens · uwayxt bundleDefine color, spacing, shadow, and radius tokens as single source of truth. Use when design tokens, color palette, spacing scale, create a design system, consistent styling, or at the start of any new UI project.
- ▌ UX Chaos Monkey · uwayxt bundleInject destructive chaos vectors — extreme text, edge-case data, and flaky network conditions — to stress-test UI resilience before real users find the breaks. Use when stress test, chaos test, text overflow, data edge case, network failure, layout break, or "what happens when…" questions arise.
- ▌ Product Strategy · uwayxt bundlePrioritize features with positioning and RICE/MoSCoW. Use when prioritize features, what should we build first, roadmap, MoSCoW, or RICE.
- ▌ Product Discovery · uwayxt bundleExecute product discovery. Use when framing new problems, mapping actors, or synthesizing initial product hypotheses.
- ▌ Typography System · uwayxt bundleDefine type scale, font pairing, and text hierarchy. Use when typography, font pairing, type scale, heading sizes, text hierarchy, or which font.
- ▌ User Flow Mapping · uwayxt bundleMap user decisions from entry to goal. Use when user flow, journey map, how does the user get from A to B, task flow, or map the steps.
- ▌ Responsive QA Audit · uwayxt bundleAudit the product across all breakpoints before shipping. Use when responsive QA, cross-device testing, mobile audit, breakpoint check, or elements overflowing on mobile.
- ▌ Accessibility Review · uwayxt bundleAudit against WCAG 2.1 AA across perceivable, operable, understandable, robust. Use when accessibility, a11y, WCAG, contrast, screen reader, tap target, or is this accessible.
- ▌ Growth Impact Review · uwayxt bundleEvaluate systemic impact of new additions. Use when scaling dashboards, adding new modules, or assessing layout stress.
- ▌ Module Registry Sync · uwayxt bundleMaintain the single source of truth for modules. Use when defining new feature modules, auditing module manifests, or wiring dashboard scaffolding.
- ▌ Component Style Guide · uwayxt bundleDocument every component state and variant. Use when component states, button variants, how should this component look in all states, state matrix, or interactive states.
- ▌ Design Drift Detector · uwayxt bundleScans a codebase for design token violations — components bypassing the design system with hardcoded colors, magic number spacings, literal font sizes, and other CSS anti-patterns. Produces a severity-sorted drift report with auto-fix recipes. Use when: audit:drift, hardcoded CSS, token drift, design drift, hardcoded colors, magic numbers, CSS violations, design system enforcement.
- ▌ Design System Builder · uwayxt bundleConstruct a cohesive UI component library. Use when assembling reusable elements, setting up a UI kit, or auditing component consistency.
- ▌ AI Feature UX Patterns · uwayxt bundleDesign intuitive UX patterns for AI interfaces including streaming, confidence, overrides, and prompts. Use when AI features, prompt UX, streaming UI, LLM interface, or AI assistant.
- ▌ Business Model Reading · uwayxt bundleTranslate a Business Model Canvas into product modules. Use when bridging business strategy to product architecture.
- ▌ Design To Code Handoff · uwayxt bundleMap design specs to implementation-ready code tasks. Use when handoff to dev, implement this design, turn spec into code, design to code, or start building from the design.
- ▌ Visual Style Extractor · uwayxt bundleExtract design tokens, component structure, and visual language from a reference image. Use when reference image, match this design, copy this style, extract colors from screenshot, or replicate this UI.
- ▌ Business Model Thinking · uwayxt bundleEvaluate monetization and unit economics. Use when how will this make money, business model, monetization, unit economics, or pricing.
- ▌ Cross Functional Review · uwayxt bundleReview through business, UX, UI, and technical lenses before shipping. Use when final review, is this ready to ship, review business + UX + UI + tech, launch readiness, or cross-functional check.