Skills tagged "ux" (487)

📋 Ui Ux Designer

This skill guides user-centered UI/UX design with design systems, accessibility, tokens, and cross-platform patterns for scalable interfaces.

designuxaccessibilityresearch

2

🎨 Use_interesting_fonts

This skill helps you elevate frontend typography by selecting high-impact Google Font pairings and enforcing distinctive, consistent styles.

frontenddesignbrandingux

2

📋 User Research

This skill helps you conduct user research, synthesize insights, and validate problems to guide product discovery and strategy.

productresearchuxanalytics

2

📋 Ux Ui Audit

This skill analyzes user experience and identifies usability issues, delivering actionable UX improvements and metrics insights for informed design decisions.

uxanalyticsdesignresearch

2

📋 Vibecoder Guide

This skill guides non-technical users through VibeCoder in natural language, answering next steps and usage questions to keep development moving.

aiplanningproductivityux

2

📋 Visionos Immersive Media Developer

This skill helps you implement immersive and spatial video on visionOS by managing VideoPlayerComponent, immersive modes, transitions, and comfort mitigations.

pythonaiuxaccessibility

2

🧪 Web Design Builder

This skill generates accessible, responsive HTML/JS web designs from descriptions, with automated verification and optional framework support.

frontenduxaccessibilitytesting

2

🎨 Web Design Mastery

This skill helps you craft production-grade UI with consistent spacing, typography, color, and depth using Refactoring UI-inspired principles.

designuxfrontendaccessibility

2

🧪 Writing Specs Designs

This skill helps you write effective specs and design documents by guiding fidelity, prototyping, and focus on moving pieces.

designuxproductwriting

2

🐛 0xsero Vision

This skill analyzes images and diagrams to describe UI elements, extract text, note confidence, and flag issues.

aianalyticsdesignux

📋 3b1b Style Animation

This skill helps you create engaging 3Blue1Brown style mathematical animations with Manim, focusing intuition, visuals, and structured pedagogy.

designuxcontent

🎨 A11y Annotation Generator

This skill automatically adds ARIA labels, roles, and alt text to HTML/JSX/Vue to improve accessibility and screen reader support.

accessibilityfrontenduxproduct

🎨 A2ui Templates

This skill helps you generate on-demand A2UI templates for flowcharts, forms, dashboards, and galleries to visualize structured data.

designuxfrontendproduct

🔎 Accelint Persona Review

This skill critiques Figma designs from operator personas, aligning UX with their roles, tasks, and systems to reduce cognitive load.

designuxresearchproduct

🧪 Accessibility

This skill helps you implement WCAG-compliant accessibility across your app by guiding semantic HTML, keyboard navigation, and ARIA patterns for inclusivity.

uxfrontendtestingdesign

🧪 Accessibility

This skill ensures WCAG 2.2 AA compliance for the frontend by enforcing semantic HTML, keyboard navigation, focus management, and accessible forms.

frontenduxdesigntesting

🧪 Accessibility Audit

This skill performs a comprehensive accessibility audit against WCAG guidelines, identifying barriers and suggesting inclusive design improvements.

accessibilityfrontenduxtesting

🧪 Accessibility By Default

This skill helps you build accessible web experiences by default, enforcing keyboard usability, semantic markup, and inclusive contrast throughout.

frontendaccessibilitytestingcode-review

🧪 Accessibility Object Model Integration

This skill facilitates programmatic manipulation of the accessibility tree to support complex custom controls in React.

accessibilityfrontenduxtesting

🧪 Accessibility Review

This skill performs manual accessibility reviews against WCAG AA, identifying issues and suggesting practical fixes to improve inclusivity.

accessibilityfrontenduxtesting

🧪 Adapt

This skill helps you adapt designs to work across mobile, tablet, and desktop, ensuring consistent experiences across contexts and devices.

frontenduxdesignaccessibility

🎨 Add Announcement

This skill helps you add announcement cards to the Agenta sidebar, enabling timely changelog entries and banners for features and promotions.

frontendproductdocsux

🎨 Adding Animations

This skill helps you apply consistent Framer Motion animations across components, using stagger, hover, and reduced-motion patterns for accessible motion.

frontendreacttypescriptaccessibility

🎨 Aesthetic Guide

This skill generates exhaustive, implementation-ready design system guidelines for a named UI aesthetic, including exact CSS values and typography.

designuxfrontendreact

🎨 Ai Loading Ux

This skill helps design AI loading UX by guiding reasoning displays, progress steps, and streaming indicators to reduce perceived wait time.

aiuxdesignfrontend

📋 Aico Pm Clarification

This skill guides requirement clarification by asking one focused question at a time, offering recommended options and reasoning to prevent overload.

productplanningdocsai

🎨 Analyse Design

This skill reverse-engineers a design system from code and screenshots to produce a developer-ready design reference for components.

designuxfrontendpython

🎨 Anduril

This skill applies Anduril design constraints to UI work, ensuring sharp corners, single accent usage, and accessible, lightweight typography.

designuxaccessibilityfrontend

🎨 Angular Component

This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and

frontendaccessibilityrefactordesign

🧪 Angular Forms

This skill helps you build and validate signal-based Angular forms with automatic binding and dynamic fields using the Signal Forms API.

frontendscriptingcode-reviewtesting

🎨 Angular Material

This skill helps you integrate and theming Angular Material components efficiently, promoting proper module imports, styling, and UI consistency.

frontenduxaccessibilitydesign

🎨 Animate

This skill analyzes features and adds purposeful animations and micro-interactions to improve usability, feedback, and delight.

frontenduxdesignaccessibility

🎨 Ant Design Guide

This skill helps you query Ant Design 5.x component APIs, props, and patterns with accurate guidance and best practices.

frontenddesigndocsux

🎨 Antdv Next

This skill helps you quickly locate Antdv Next Vue 3 component API docs, props, events, and demos to accelerate development.

frontenddocsproductivityux

📋 App Store

This skill helps optimize App Store assets and captions by planning screenshot sequences and messaging to boost ASO and user engagement.

copywritingmarketinggrowthbranding

🎨 Arrange

This skill analyzes and refactors layouts to create intentional rhythm, improving spacing, hierarchy, and visual balance for polished interfaces.

frontenddesignuxreact

⚙️ Asset Generator

This skill generates complete app asset sets icons splash screens adaptive icons for iOS Android and Web from a single design config.

designuxbrandingcli

🎨 Atomic Design Fundamentals

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

frontenddesignuxreact

🎨 Audit

This skill performs a comprehensive audit of accessibility, performance, theming, and responsive design, producing a prioritized issue report with actionable

frontendaccessibilityperformancedesign

🎨 Billing Sdk

This skill helps you integrate BillingSDK quickly by guiding you through React components, CLI setup, and Dodo Payments configuration.

frontendapicliux

⚙️ Blockbench Texturing

This skill helps you create and texture 3D models in Blockbench using MCP tools for painting, layering, and UV mapping.

designuxautomationdocs

🎨 Bolder

This skill amplifies safe designs by applying distinctive typography, color, and layout choices to create memorable, usable experiences.

designuxfrontendaccessibility

⚙️ Booking Calendar

This skill designs frictionless booking experiences that maximize appointment completions by simplifying forms, clarifying expectations, and ensuring instant

designuxmarketingautomation

📋 Brainstorming

This skill helps convert rough ideas into actionable designs through phased questioning and collaborative exploration before detailing implementation.

designplanningproductux

🔎 Brainstorming

This skill helps transform vague ideas into actionable requirements through collaborative discovery and Socratic dialogue.

aiproductresearchplanning

⚙️ Brainstorming

This skill guides rough ideas into structured designs through collaborative dialogue, exploring options and validating incrementally.

designplanningproductux

📋 Brainstorming

This skill helps transform rough ideas into fully formed designs through collaborative questioning, multiple approaches, and incremental validation before

designplanningproductresearch

📋 Brainstorming

This skill guides complex requests through Socratic questioning and clear communication, ensuring scope, risks, and user needs are understood before

aiproductplanningresearch

📝 Brand Guidelines

This skill helps you craft user-facing copy that follows Sentry brand guidelines across UI, errors, onboarding, and documentation.

brandingcopywritinguxdesign

📋 Brand Style

This skill helps designers and developers apply Screenpipe brand guidelines to UI, copy, and visuals while preserving privacy and consistency.

brandingdesignuxcopywriting

🛡️ Browser Extension Builder

This skill helps you architect and implement cross-browser MV3 extensions, including manifest setup, content scripts, popups, and publishing workflows.

frontendsecurityperformanceux

🧪 Browsing Web

This skill automates dynamic website navigation and interactions using browser references, enabling reliable clicks, typing, and stateful workflows.

automationscriptingtestingdebugging

🐛 Bubbletea

This skill helps you build stylish terminal UIs in Go with Bubbletea, delivering reliable layouts, interactions, and production-ready templates.

backendclidebuggingproductivity

🎨 Canvas

This skill helps you create spatial node diagrams with precise coordinates using JSON canvas format for mind maps, graphs, and planning boards.

planningdesignproductivityux

🎨 Carbon Icons

This skill ensures React components use Carbon Icons from @carbon/icons-react with proper sizing, color, alignment, and accessibility.

reactfrontenddesignux

⚙️ Checkout Directory

This skill helps you discover and evaluate merchants supporting agentic checkout protocols, enabling category-based searches and programmatic checkout

apibackendautomationux

📋 Clarify

This skill helps clarify vague requirements through structured questioning, delivering precise goals, scope, constraints, and success criteria for actionable

productdocsresearchux

🎨 Clarify

This skill clarifies unclear UX copy and error messages to improve understanding, guide actions, and reduce user friction across interfaces.

uxfrontendwriting

⚙️ Clawdirect

This skill enables agents to browse ClawDirect, like entries, and submit new sites with ATXP authentication, expanding social web experiences for AI agents.

aiautomationapisocial-media

🎨 Codify Dev Skill

This skill converts design into business-ready UI code by accurately reproducing visuals and generating structured, data-driven components.

frontendcode-reviewdesignux