Skills tagged "ux" (487)

🧪 2389 Research Css Development

This skill reviews existing CSS for semantic naming, Tailwind @apply usage, dark mode coverage, and tests, providing actionable feedback.

frontendcode-reviewtestinglinting

2

🎨 Advanced Frontend Skill

This skill helps you craft production-grade frontend interfaces that feel alive with cinematic WebGL, shaders, and premium interactions.

frontenddesignuxperformance

2

📝 Anthropic Brand Guidelines

This skill applies Anthropic brand colors and typography to artifacts to ensure consistent, on-brand visuals across documents and presentations.

designbrandingcopywritingmarketing

2

🎨 Async Boundary Optimization

This skill optimizes async boundaries in React 18 to balance responsiveness, streaming, and error containment across components.

frontendperformancedebuggingux

2

🐛 Audio Systems

This skill helps you design and optimize game audio systems, enabling immersive soundscapes, adaptive music, and accurate spatialization.

designperformancedebuggingdocs

2

🐛 Autohotkey V2 Gui

This skill helps you build advanced AutoHotkey v2 GUI applications with event handling, data submission, and performance optimization across complex controls.

scriptingautomationperformancedebugging

2

🎨 Beautiful Reader

This skill renders markdown content in a beautiful, readable layout with theme and display options for distraction-free reading.

docsfrontenduxdesign

2

🔎 Brainstorming

This skill helps you brainstorm effectively before features, clarifying intent, exploring options, and guiding design decisions to align with user goals.

planninguxproductdesign

2

📋 Brainstorming

This skill helps you transform rough ideas into fully formed designs by guiding structured Socratic questioning and presenting incremental options.

designuxplanningresearch

2

📋 Brand Asset

This skill generates branded visual elements such as logos, icons, patterns, and illustrations to reinforce your brand identity.

designuxbranding

2

🎨 Canvas Assignment Design

This skill helps educators design Canvas LMS assignments using evidence-based learning pillars, generating objectives, rubrics, and Canvas-ready configurations.

designuxproductresearch

2

⚙️ Dashboard Design

This skill guides you through a 3-step Vizro dashboard workflow (requirements, layout, visualizations) to ensure clear design before building.

dataanalyticsdesignux

2

🎨 Datavis

This skill helps you build interactive, accessible and accurate data visualizations across D3.js, Plotly, and Python libraries to reveal truth in data.

dataanalyticspythonfrontend

2

📋 Design

This skill helps you design premium dashboards and admin interfaces by guiding direction, craft principles, and a 9-phase implementation.

designuxproduct

2

📋 Design First Dev

This skill helps you apply design-led thinking to build coherent, polished user experiences by focusing on states, craft, and storytelling.

designuxproductai

2

🎨 Design Reverse Engineer

This skill analyzes reference websites to reproduce Split Lease visual design across public pages, preserving content while applying matched styling.

designuxfrontendaccessibility

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

🎨 Tailwind Patterns

This skill helps you apply modern Tailwind v4 practices, CSS-first configuration, container queries, tokens, and responsive patterns for scalable UI.

frontenddesignuxperformance

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