Loading...
Loading...
Found 181 Skills
Design holistic user experiences using systems thinking, service design, and psychological principles. Triggers on: UX design, user experience, journey map, service blueprint, user flow, wireframe, accessibility, WCAG, design critique, heuristic review, cognitive load, design thinking, holistic design, JTBD, jobs to be done, user research synthesis.
Cross-format document accessibility rule reference with WCAG 2.2 mapping. Use when looking up accessibility rules for Word (DOCX-*), Excel (XLSX-*), PowerPoint (PPTX-*), or PDF (PDFUA.*, PDFBP.*, PDFQ.*) documents, or when mapping findings to WCAG success criteria for compliance reporting.
Used when accessibility audits are required or when implementing WCAG 2.2 (including ARIA, keyboard accessibility, and screen reader support).
Guide for implementing the Syncfusion Blazor Accordion component for creating collapsible panels with expandable content. Use this skill when users need to build accordions, implement collapsible sections, create expandable panels, organize content in navigation components, implement FAQs, build collapsible menus, add nested accordions, configure expand modes (single or multiple), handle accordion events, customize accordion styling, implement accessible accordions with WCAG compliance, integrate data binding, or work with any vertically collapsible content containers in Blazor applications.
Iterative UI/UX polishing workflow for web applications. Use when improving visual polish, refining desktop and mobile UX separately, running iterative enhancement cycles, applying design patterns like glassmorphism or bento grids, or auditing accessibility and WCAG compliance. Use for Stripe-level visual quality, responsive optimization, and design system alignment.
Audit RGAA 4.1.2 accessibility on live pages using a sitemap or URL list. Uses Playwright to render each page, injects axe-core for automated checks, and runs custom DOM queries for RGAA-specific criteria. Triggers on: "audit the site accessibility", "check a11y on production", "run RGAA audit", "accessibility audit from sitemap", "check deployed pages for WCAG", "audit live site", "run axe on the site", or when the user provides a sitemap URL or a list of URLs to audit. Complements a11y-web (static) with runtime checks: real contrast ratios, rendered landmarks, focus order, dynamic content.
Laws of UX critique skill. Use when evaluating mockups, screenshots, design specs, prototypes, flows, onboarding, checkout, dashboards, forms, or design-review requests, even when the user does not say UX or name a law. Output the 2-4 most relevant laws with specific application and law-grounded recommendations. Do not use for pure frontend implementation code review, WCAG/accessibility audits, or brand/visual-identity critique unless interaction usability is also in scope.
Comprehensive guide for implementing Syncfusion React popup components including Dialog, ToolTip. Use this when building modal/modeless dialogs, confirmation popups, forms in dialogs, draggable windows, popovers, tooltips, and overlaid content with custom positioning, animations, WCAG 2.2 accessibility, forms integration, and event handling in React applications.
UI/UX design intelligence with page standards & audit mode. 85 styles, 115 palettes, 72 font pairings, 35 charts, 61 components, 50 animations, 57 WCAG criteria, 42 responsive patterns, 40 dark mode rules, 51 design tokens, 13 stacks, 15 page types with mandatory sections, 44 audit rules, SEO per page type. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check, audit. Styles: glassmorphism, brutalism, neumorphism, bento, dark mode, view transitions, scroll-driven, container queries, AI-native, liquid glass. Topics: color, accessibility, animation, layout, typography, spacing, shadow, gradient, responsive, dark mode, WCAG 2.2, design tokens, components, page standards, navigation, SEO, auth, empty states.
Especialista em design de interface e sistemas de design no SynkOS. Use esta skill quando o usuário pedir para auditar a UI por consistência ou acessibilidade, documentar o design system (tokens, componentes, padrões), criar uma especificação de frontend com component tree e data flow, projetar um componente com todos os seus estados (loading, empty, error, success), ou fazer perguntas como "audite a interface de X", "crie a spec de frontend para Y", "o componente Z tem todos os estados?", "documente os tokens de design", "a UI passa no WCAG AA?". Ative também para priorizar dívida de UX ao lado de dívida técnica, e para garantir que todo elemento de UI comunica seu estado ao usuário. Nota: para redesign completo de produto ou iteração visual interativa, prefira a skill `impeccable`.
Automatically generate mobile-first responsive CSS/SCSS when creating component styles or mentioning responsive design. Implements standard breakpoints (768px, 1024px), ensures WCAG AA color contrast, creates touch-friendly interfaces (44px minimum targets), adds proper focus indicators, supports reduced motion, scales typography responsively, and provides detailed technical specifications with exact values.
Review healthcare and EHR software interfaces against a comprehensive design style guide grounded in NIST, FDA, IEC 62366, ISO 9241, ISO 14971, WCAG 2.1, ONC SAFER, and HL7 FHIR standards. Produces a report-only assessment without modifying code or designs. Use when an agent needs to evaluate clinical UI screens, data display, forms, alerts, or workflows for patient-safety, usability, accessibility, and data-clarity compliance.