Skills tagged "ux" (453)

📋 Design Skills

This skill helps you apply Resend brand guidelines across artifacts by routing to brand resources and ensuring visual consistency.

designbrandinguxaccessibility

2

📋 Emotional_companion

This skill provides gentle emotional support and empathetic guidance, helping you feel heard, safe, and resilient through compassionate conversations.

aisupportux

2

⚙️ Figma Skill

This skill reads Figma files, exports assets, lists components and styles, and manages comments to streamline design handoff.

designuxproductivityautomation

2

🎨 Flutter Skill

This skill guides Flutter app development with universal UI/UX, state management, networking, and API integration to ensure consistent, reusable patterns.

flutterdesignuxapi

2

🎨 Frontend Accessibility Best Practices

This skill helps you implement accessibility best practices in React components, improving semantic structure, keyboard support, and screen reader experience.

frontendaccessibilityuxcode-review

2

🎨 Frontend Design

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics and accessible, performant code.

frontenddesignuxaccessibility

2

🎨 Frontend Design

This skill helps you style Blazor MudBlazor components with responsive CSS isolation and material design patterns for scalable UIs.

frontenddesignuxaccessibility

2

🎨 Frontend Dev

This skill helps you craft production-grade frontend interfaces with bold, memorable aesthetics across components, dashboards, and pages.

frontenddesignuxaccessibility

2

🧪 Frontend Engineer

This skill guides you to understand product requirements and build interactive frontend pages that deliver a polished user experience.

frontenduxperformancedesign

2

🎨 Frontend Internationalization Best Practices

This skill guides you through implementing internationalization for React Router apps with remix-i18next, improving localization accuracy and performance.

frontendperformancedebuggingdocs

2

🎨 Frontend Ui Animator

This skill analyzes a project and implements purposeful UI animations for Next.js and Tailwind to enhance hero scenes, hover, and navigation.

frontenduxaccessibilityperformance

2

🧪 Frontend_design_expert

This skill helps you craft elegant, accessible UI components with polished visuals, tasteful color systems, and responsive interactions.

frontenddesignuxaccessibility

2

🧪 Gentleman Bubbletea

This skill helps you implement and navigate Bubbletea TUI screens in the Gentleman installer, streamlining state, input handling, and screen transitions.

cliscriptingdebuggingtesting

2

⚙️ Godot Ui Designer

This skill generates a complete Godot 4.5 UI system from natural language descriptions, including responsive layouts, menus, HUDs, and dialogs.

designuxaccessibilityperformance

2

🎨 Gui Design Principles

This skill guides GUI design by applying visual hierarchy, color theory, typography, and responsive layouts to create accessible, usable interfaces.

designuxaccessibilityfrontend

2

🧪 Interview

This skill guides a deep, structured interview to produce a detailed spec file for any project by clarifying goals, constraints, and tradeoffs.

docsdesignuxapi

2

🎨 K Fenui

This skill helps you build consistent, themed FenUI WoW addons by guiding layout, widgets, and theming across panels, frames, and tabs.

frontenduxaccessibilitydesign

2

🎨 Makepad Basics

This skill helps you create and modify Makepad apps using live_design patterns, app structure guides, and event handling examples.

frontenddesignuxdocs

2

🎨 Maps

This skill helps you create interactive map visualizations with topojson and dotted maps, enabling choropleth coloring, pins, and regional insights.

vuefrontenddataanalytics

2

✨ Media Generation

This skill generates images and videos from text prompts or edits visuals using StableStudio's x402 models for fast, high-quality visual content.

aiapiautomationcloud

2

✨ Nano Banana Prompting

This skill guides you in crafting effective Nano Banana Pro prompts by clarifying intent and applying proven prompting techniques.

aidesignuxcontent

2

🎨 Nuqs Setup

This skill syncs React state with URL query parameters to enable shareable filters and deep links while preserving UI state.

frontendfullstackuxapi

2

📋 Paywall Upgrade Cro

This skill helps you optimize paywall and upgrade CRO to boost conversions without harming trust.

growthuxcopywritingproduct

2

📋 Photographer Lindbergh

This skill generates Peter Lindbergh inspired black and white portraits with raw beauty, natural light, and emotional depth for timeless, unretouched imagery.

aidesignbrandingcontent

2

🧪 Prd Skill

This skill guides you from idea to implementation-ready PRD using an integrated toolset, delivering structured requirements, design handoffs, and coordinated

productplanningdesignux

2

🎨 Pseudo Elements

This skill helps review CSS pseudo-element usage and View Transitions API to ensure accessible hover effects, decorative layers, and smooth page transitions.

frontenduxaccessibilitycode-review

2

✨ Pw Aippt Old

This skill automatically generates AI-powered PowerPoint decks from templates by converting PDFs, extracting style, creating prompts, generating images, and

automationdesigncontentproductivity

2

🎨 React Component Generator

This skill generates production-ready React components with TypeScript, Tailwind CSS, and Zustand, accelerating UI development and ensuring consistency.

frontendfullstackdesignux

2

📝 Runbook Generator

This skill generates standardized runbooks to document reproducible API, UX, and technical procedures for consistent execution.

automationdocsapiux

2

🧪 Scientific Luxury

This skill helps you enforce the Scientific Luxury design system for new React components, UI styling, and animations, ensuring OLED black and spectral colours.

designfrontenduxperformance

2

⚙️ Script_to_ppt

This skill converts Markdown drafts into visually engaging PPT presentations with themed colors, structured slides, and automated image generation.

pythonaiautomationcontent

2

🎨 Shadcn Base

This skill helps you navigate and apply Base UI patterns from shadcn/ui, accelerating component usage, theming, and forms integration.

frontenddesignuxshadcn

2

🎨 Shadcn Svelte

This skill helps you implement accessible shadcn-svelte UI patterns and trigger snippets for Dialog, Tooltip, Dropdown, and Sheets.

frontendaccessibilitydesignux

2

📋 Social Proof Psychology

This skill helps you design landing pages and conversions by applying social proof tactics to build trust and boost actions.

marketinggrowthbrandingcopywriting

2

🎨 Stitch

This skill generates UI screens from text prompts, exports to React components, and creates DESIGN.md design systems to accelerate UI workflows.

designuxreactautomation

2

🧪 Storybook

This skill helps you document UI states and design decisions with Storybook artifacts for review by engineers and QA.

designdocsuxaccessibility

2

🎨 Table Filters

This skill analyzes table columns and delivers a unified header filter with adaptive filter components for an optimal filtering UX.

frontenduxdataanalytics

2

🎨 Tailwindcss Development

This skill helps you style applications with Tailwind CSS v4 by guiding responsive, dark-mode, and component extraction patterns.

frontenddesignuxdebugging

2

🎨 Tesla Dashboard Ui

This skill helps you design and implement a Tesla-inspired dashboard UI for iPad using atomic design, dark glassmorphism, MapKit navigation, and media controls.

designfrontendaccessibilityproduct

2

📋 Theme Evaluation

This skill evaluates theme accessibility and WCAG contrast, identifying color, typography, and dark-mode issues to improve compliance and UX.

accessibilityuxdesign

2

🧪 Ti Ui

This skill guides you through Titanium SDK UI patterns, performance, and platform-specific components to optimize layouts and interactions.

frontenduxaccessibilityperformance

2

🎨 Ui Design A11y

This skill helps you audit and fix web accessibility issues for WCAG compliance, providing actionable code fixes and guidance.

accessibilityfrontenddesigncode-review

2

🧪 Ui Design Review

This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.

designuxaccessibilityai

2

🎨 Ui Engineer

This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.

frontenddesignuxtailwind

2

📋 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

🎨 A2ui_skills

This skill generates A2UI protocol v0.8 compliant UI code and JSONL messages to build agent-driven surfaces across platforms.

frontendapidataux

📋 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