Skills tagged "ux" (453)

🎨 Mobile Android Design

This skill helps you master Material Design 3 and Jetpack Compose to build adaptive Android interfaces with accessible responsive layouts.

designuxaccessibilityfrontend

1.1k

🎨 Baseline Ui

This skill enforces a consistent Baseline UI by guiding components to follow opinionated Tailwind and motion conventions with accessible primitives.

frontenddesignuxaccessibility

824

🎨 Swiftui Ui Patterns

This skill helps you design and refactor SwiftUI interfaces using pattern-driven guidance for views, tabs, and component composition.

frontenddesignuxaccessibility

481

🎨 Tailwind Css Patterns

This skill helps you implement Tailwind CSS development patterns for mobile-first, responsive layouts, design tokens, and component reuse to speed up UI work.

frontenddesignuxproductivity

342

🎨 Skills

This skill helps you create responsive HTML emails with React Email templates, enabling brand-driven designs across clients.

frontenddesignuxbranding

286

🎨 Web Perf

This skill analyzes web performance using Chrome DevTools MCP to reveal Core Web Vitals, render-blocking resources, and optimization opportunities.

performancedebuggingfrontendanalytics

126

📋 Ui Ux Design Expert

This skill provides expert UI/UX guidance covering accessibility, design systems, research, and inclusive 2025 best practices to deliver user-centered

designuxaccessibilityresearch

122

🎨 Heroui Native

This skill helps you select, install, and customize HeroUI Native components for React Native with Uniwind support.

frontenduxperformancedocs

113

📋 Screenshot Feature Extractor

This skill analyzes product screenshots to extract feature lists and generate development task checklists for PRDs and roadmaps.

analyticsproductdesignux

107

🎨 Implement Design

This skill translates Figma designs into production-ready code with pixel-perfect fidelity and design-system integration using MCP server context for accurate

designfrontenduxaccessibility

81

🎨 Expo App Design

This skill helps you design and implement cross-platform mobile apps using Expo Router, NativeWind, and React Native styling best practices.

frontenddesignuxproduct

58

🎨 Spec Workflow

This skill guides structured software development from requirements to task execution using EARS syntax and UI-design references to ensure quality.

planningdesignfrontendbackend

50

🎨 Canvas Design

This skill creates visual design philosophy artifacts and expresses them as printable posters, infographics, and canvases in PNG or PDF formats.

designuxbrandingproduct

48

🐛 Chatgpt App Builder

This skill guides developers through creating and updating ChatGPT apps, from ideation and bootstrapping to deployment and integration with the Skybridge

aifullstackapidevops

35

🎨 Landing Page Guide V2

This skill creates distinctive, high-converting landing pages using Next.js 14+ and ShadCN UI, delivering memorable design and production-ready code.

frontenddesignmarketingseo

35

📋 Cro Methodology

This skill helps you audit landing pages, uncover conversion blockers, and design evidence-based experiments to steadily boost your conversion rate.

strategyresearchcopywritingux

34

🎨 Mobile Responsiveness

This skill helps you implement responsive, mobile-first layouts and interactions across breakpoints, touch events, and viewport-safe navigation.

frontenduxdesign

24

📝 Documentation Expert

This skill helps you improve documentation quality and user experience by analyzing structure, navigation, and readability and proposing actionable

docscontentuxaccessibility

17

🎨 Tailwindcss Development

This skill helps you style components and pages with Tailwind CSS v3, enforcing project conventions, dark mode, and responsive patterns.

frontenddesignuxphp

16

🎨 Tailwind Ui

This skill helps you implement consistent Tailwind CSS patterns, responsive design, and accessible components using a utility-first approach.

frontenduxaccessibilitydesign

15

🛡️ Mobile Development

This skill helps you design, implement, and optimize cross-platform mobile apps with offline-first architecture and platform-aware UX.

performancetestinguxsecurity

14

🎨 Suggest Lucide Icons

This skill helps you pick Lucide icons that symbolize concepts or UI contexts with real icon recommendations and rationale.

designuxfrontenddocs

13

🎨 Flowchart Creator

This skill generates interactive HTML flowcharts and process diagrams with nodes, arrows, and swimlanes for clear workflow visualization.

frontendautomationdesignux

10

🎨 Animejs Skills

This skill helps you implement web animations using Anime.js v4, covering timelines, SVGs, scroll effects, and draggable interactions.

frontendscriptingdebuggingux

9

🧪 Ux Specification

This skill translates PRDs into actionable UX specifications, detailing flows, screens, and interactions to guide implementation.

uxdesignproductplanning

9

🎨 Frontend Design

This skill helps design and review SaaS frontends, clarifying value, improving hierarchy, and delivering production-grade UI that converts.

designuxfrontendproduct

7

🎨 Flutter Api

This skill provides a comprehensive Flutter API reference guide that accelerates cross platform development by detailing widgets, layout, animations,

apifrontenddocswriting

6

🎨 Shadcn Vue

This skill helps you scaffold and configure shadcn-vue projects with Tailwind, Vite, and TypeScript for accessible UI components.

frontenduxaccessibilitydocs

6

🎨 Framer Expert

This skill helps you master Framer workflows from design to production, including MCP integration, motion, and CMS for fast, polished web experiences.

aifrontendproductivityautomation

5

🎨 Ant Design

This skill helps you select Ant Design components and theming strategies for a performant, accessible SSR React app using v6 and Pro/X patterns.

reactfrontendperformanceaccessibility

4

🎨 Composable Svelte Navigation

This skill helps you implement state-driven navigation and Motion One animations for modals, sheets, and route transitions in Composable Svelte.

frontenduxproductdesign

4

🎨 Design Exploration

This skill generates a visual design catalogue with multiple proposals to explore directions before implementing.

designuxresearchfrontend

4

🧪 Ai Product Patterns

This skill helps you design AI-native products by applying evals as product specs, hybrid patterns, and future-proof UX based on OpenAI patterns.

aiproductuxdesign

3

🎨 Ai Sdk Ui

This skill helps you build AI-powered chat, streaming, and generative UI in React/Next.js with the Vercel AI SDK.

aifrontendfullstackapi

3

🎨 Animejs V4

This skill enables smooth web components animations using Anime.js 4 for drag interactions, visual feedback, swaps, and automatic cleanup.

frontendperformancescriptingdebugging

3

🎨 Feature Sliced Design

This skill helps you implement Feature-Sliced Design in Next.js with a custom views layer, delivering scalable, maintainable architecture.

frontenddesignuxproduct

3

🧪 Heuristic Evaluation

This skill performs heuristic evaluation of UI designs using Nielsen's 10 framework to identify usability issues and provide prioritized recommendations.

designuxaccessibilityproduct

3

🧪 Image_editing

This skill helps you edit images by applying user-specified changes such as background, color, or style modifications to uploaded images.

aidesignuxproduct

3

📋 Jobs To Be Done

This skill helps you apply Jobs-to-be-Done insights to shape product strategy, conduct research interviews, write user stories, and identify true competition.

productresearchstrategyux

3

🎨 Modern Tailwind

This skill helps you implement clean, scalable UI with Tailwind CSS by following best practices for utilities, theming, and maintainability.

frontenddesignuxperformance

3

🔍 Review

This skill reviews chapters for coherence, tone, pace, and character, delivering targeted rewrites to improve consistency and engagement.

writingcontentaiproduct

3

🧪 Standards Components

This skill guides building reusable, single-responsibility UI components with clear interfaces and composition for scalable frontend development.

frontenddesignuxaccessibility

3

📋 Swift Navigation

This skill helps you simplify and empower Swift navigation across SwiftUI, UIKit, and AppKit with ergonomic tooling and practical guidance.

uxdesigndocs

3

🎨 Tailwindcss

This skill guides Tailwind CSS v4 usage with utility-first patterns, theme variables, and maintainable composition for scalable UI.

frontenddesignuxproductivity

3

📋 Ux Design Principles

This skill helps you apply cognitive psychology UX principles to plan features, reduce complexity, and optimize user journeys.

uxdesignproductresearch

3

🧪 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 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