Skills tagged "ux" (453)

🧪 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

🎨 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

🎨 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

🎨 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

⚙️ 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

📋 Baoyu Infographic

This skill generates publication-ready infographics by analyzing content and recommending optimal layout and style combinations across 20 layouts and 17 styles.

designdatamarketingcontent

🎨 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

⚙️ 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

⚙️ 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

📋 Cognitive Fallacies Guard

This skill helps detect and prevent visual misleads, cognitive biases, and data integrity issues in visualizations and reports.

dataanalyticsdesignux

🧪 Color Accessibility

This skill helps you design accessible color palettes and contrast checks to ensure color-blind friendly visuals across interfaces and charts.

accessibilitydesignuxfrontend

🎨 Color System

This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.

designuxaccessibilitybranding

🎨 Comparison Table Generator

This skill helps you generate interactive comparison tables as MicroSims with ratings, badges, logos, and documentation to streamline educational decisions.

frontenddocsuxaccessibility

🎨 Component Library

This skill generates production-ready React components with shadcn/ui patterns and CVA variants to save 8-10 hours per project.

frontenduxaccessibilitydesign

🧪 Concurrent Safe Animation

This skill helps implement concurrency-safe animations that resist re-entrancy and interrupted updates, ensuring glitch-free rendering and stable layouts.

frontendperformancetestingdebugging

🎨 Create Remotion Geist

This skill generates Remotion Geist videos in Vercel's dark Geist style with spring animations and Geist typography.

frontenduxperformanceautomation

🎨 Creating Share Images

This skill helps you generate OpenGraph and Twitter share images for Next.js apps with dynamic gradients, icons, and responsive sizes.

frontendsocial-mediadesignux

⚙️ Creative Intelligence

This skill helps you generate structured brainstorming and research insights to fuel innovative BMAD development across phases.

aiautomationproductplanning

📋 Cro

This skill orchestrates conversion optimization across funnels, loads patterns, and outputs prioritized, actionable recommendations to reduce friction and

analyticsmarketinggrowthux

🎨 Css Architecture

This skill helps you apply modern CSS architecture patterns, enabling consistent theming, scalable layouts, and accessible, maintainable styles.

frontenddesignuxproductivity

🎨 Css Container Queries

This skill helps you implement responsive components using CSS container queries and Tailwind, enabling components to adapt to their container size.

frontendtailwinddesignux

🎨 Custom Ui

This skill helps you tailor Clerk component appearance by applying themes, layout, colors, and fonts to match branding.

frontendnextjsdesignux

🎨 Dashboard Creator

This skill helps you generate interactive HTML dashboards with KPI cards and charts for metrics visualization and monitoring.

frontenddataanalyticsdesign

⚙️ Dashform

This skill creates AI-powered forms, surveys, and quizzes on the Dashform MCP server, guiding you through credentials, design, and publishing.

aiautomationapiscripting

🎨 Data Visualization Expert

This skill helps you design, build, and optimize interactive data visualizations and dashboards using modern libraries for clear insights.

dataanalyticsfrontenddesign

📋 Deepchat Settings

This skill helps you safely modify DeepChat application settings by guiding, validating, and applying user requests to theme, language, and font size.

productdesignuxaccessibility

🧪 Design

This skill helps you design UI mockups and specs using the Polaris design system, outlining components, flows, and low-fidelity visuals.

designuxfrontendproduct

📝 Design Doc Interviewer

This skill interviews users to generate a structured design document for a proposed change, using progressive questions and a clean template.

designuxproductplanning

🎨 Design Guide

This skill analyzes websites to generate pixel-perfect design guides and design systems documentation, including colors, typography, components, interactions,

designuxaccessibilityfrontend

🎨 Design Guide

This skill enforces a modern, consistent UI design across platforms, guiding color, spacing, typography, and interactive states for polished interfaces.

designuxaccessibilityfrontend