Skills tagged "ux" (487)

✨ Prompt Export

This skill translates design artifacts into a stepwise prompts.md for Claude Code, enabling incremental code generation from problem framing to final polish.

designuxproductcli

🛡️ Quick

This skill streamlines code reviews by guiding rapid assessments, targeted feedback, and agent-driven security, UX, and architectural insights.

code-reviewsecurityuxtesting

🎨 Quick View

This skill generates minimal, semantic HTML views to review structured output in a browser, improving readability of lists, tables, and drafts.

frontenduxaccessibility

🎨 Quieter

This skill helps you apply quiet design principles to reduce visual intensity while preserving impact and usability across interfaces.

designuxfrontendaccessibility

🎨 Rams

This skill performs accessibility and visual design reviews on UI components, identifying WCAG issues and design inconsistencies to improve quality.

accessibilitydesignuxfrontend

🎨 React Composition Patterns

This skill helps you refactor React components by applying composition patterns to reduce boolean props and design flexible, reusable APIs.

frontendrefactorcode-reviewdesign

🎨 React Flow

This skill guides you in building node-based interfaces with React Flow, covering patterns, performance, and TypeScript integration.

frontendperformancedesignproductivity

🎨 React Native Design

This skill helps you build performant cross-platform mobile apps with expert styling, navigation, and animated UI using React Native and Reanimated.

designuxfrontendperformance

🎨 React Native Patterns

This skill helps you apply React Native development patterns to structure projects, manage navigation, state, and styling for scalable cross-platform apps.

frontendperformancedebuggingrefactor

🎨 Readme Writing

This skill helps write folder READMEs by explaining why the folder exists, its mental model, and how to place future code within the structure.

docswritingplanningfrontend

🎨 Refactoring Ui

This skill helps you apply Refactoring UI principles to create clean, scalable frontends with consistent spacing, typography, color, and depth.

frontenddesignuxrefactor

🧪 Refract

This skill reframes problems across Field, Standpoint, and Lens to surface hidden insights and generate perspective maps for decision support.

aiautomationproductresearch

🛡️ Release Review

This skill provides a senior release review for macOS and iOS apps, identifying security, privacy, UX, and distribution issues with actionable fixes.

securityuxreleasecode-review

🎨 Remotion Video Creator

This skill helps you create animated videos with Remotion by turning UI concepts into TSX scenes, complete with transitions and exports.

frontenddesignuxautomation

📋 Requirements

This skill converts customer insights into clear user stories, acceptance criteria, and scope guidance to empower engineers.

productplanningwritingdocs

🧪 Requirements Analyst

This skill guides how to analyze and extend client needs into a complete, systematized requirements framework from a customer perspective.

productplanningresearchux

🧪 Responsive System

This skill helps implement responsive layouts and fluid typography using mobile-first patterns, container queries, and adaptive components for scalable UI.

frontendtypescriptdesignux

🎨 Responsive Web Design

This skill helps you design responsive web interfaces with mobile-first CSS, flexible grids, and fluid typography across devices.

frontenduxdesignaccessibility

🎨 Rhdh Frontend Dynamic Plugin

This skill guides you to bootstrap and wire frontend dynamic plugins for Red Hat Developer Hub, delivering UI pages, routes, and theme integrations.

frontenduxdesignproductivity

🛡️ Roblox Development

This skill helps you build and monetize Roblox games with expert Lua scripting, Studio workflows, and scalable systems for millions of players.

scriptingperformancesecurityux

🛡️ Roblox Game Developer

This skill helps you build robust Roblox games with Luau scripting, secure networking, UI and UX design, and monetization strategies from templates.

designuxsecurityperformance

🧪 Runhuman Skills

This skill helps you validate web app UX with human testers, capturing real user feedback and visual issues not caught by automation.

uxtestingaccessibilityproduct

🎨 Seo Optimization Guide

This skill helps you implement comprehensive SEO strategies covering technical SEO, on-page optimization, and core web vitals to boost rankings and UX.

seoperformancefrontendnextjs

🧪 Shadcn

This skill guides you to implement and customize shadcn/ui components using the latest version and modern patterns.

frontenduxaccessibilitydesign

🎨 Shadcn Ui

This skill guides you to build accessible, component-based UIs with shadcn/ui in Next.js, including forms, dialogs, tables, and dark mode.

frontendaiautomationdesign

🎨 Shadcn Ui

This skill guides you through setting up shadcn/ui, installing components, and building accessible, Tailwind-styled React UI patterns.

reactshadcnaccessibilityux

🎨 Skill

This skill translates TemPad Dev UI evidence into project-native TypeScript code, enabling accurate integration without guessing styles.

frontendtypescriptdesignux

🎨 Skills

This skill helps you scaffold and configure an Expo React Native app with RevenueCat paywall, AdMob banners, i18n localization, onboarding, and NativeTabs

frontendadsuxdesign

📋 Slide Quality

This skill helps you assess slide quality using a science-backed 12-point checklist to improve clarity and audience understanding.

accessibilitydesignuxcontent

🎨 Snippets_flutter Infinite Canvas

This skill guides you to build an infinite Flutter canvas with multi touch handling using InteractiveViewer and CustomMultiChildLayout for flexible layouts.

flutterfrontenddesignux

🎨 Spatial Swiftui Developer

This skill guides building visionOS SwiftUI scenes with RealityKit content, helping you choose between SwiftUI and RealityKit APIs and bridging them

frontenddesignuxscripting

🎨 Standards Css

This skill helps you enforce CSS standards across projects by applying design tokens, framework patterns, and production-ready optimization.

frontenddesignuxperformance

🎨 Standards Responsive

This skill helps you build mobile-first, responsive layouts with fluid containers, relative units, and accessible touch targets across devices.

frontenddesignux

📝 Starting A Design Plan

This skill guides you from context gathering to a validated, implementation-ready design document, ensuring clear requirements and actionable handoff.

designplanningdocswriting

🧪 State Machine Driven Ui

This skill helps you design deterministic UI flows with finite state machines, improving reliability, visualization, and validation across complex interactions.

frontenddesignuxdebugging

🎨 Storefront Best Practices

This skill helps you design and implement storefront features across pages, integrating best practices for UX, accessibility, and SEO to boost conversions.

frontenduxaccessibilityseo

🎨 Svg Art Skill

This skill generates scalable SVG graphics via Python scripts for icons, charts, fractals, and generative art, returning ready-to-use SVG output.

designuxscriptingautomation

🎨 Swiftui Style Driven Components

This skill guides building extensible SwiftUI style-driven components using Apple patterns like ButtonStyle and LabelStyle, enabling environment-based styling

frontenddesignuxaccessibility

🎨 Tailadmin Patterns

This skill enables building consistent admin dashboards by applying TailAdmin UI patterns and Tailwind classes with verified usage from the official source.

frontenduxdesignperformance

🎨 Tailwind

This skill helps you quickly access Tailwind documentation and citations from docs/ with source references and fetch dates.

frontenddocsuxdesign

🎨 Tailwind 4

This skill helps you style components with Tailwind v4 using mobile-first patterns, semantic tokens, and cn() for dynamic, scalable design.

frontenddesignuxaccessibility

🎨 Tailwind Css

This skill helps you master Tailwind CSS utility-first patterns for rapid, responsive UI development with dark mode, theming, and production optimization.

frontenddesignuxperformance

🎨 Tailwind Patterns

This skill provides quick Tailwind CSS practical patterns and breakpoints, enabling responsive layouts, dark mode, and common components.

tailwindfrontenddesignproductivity

🧪 Tailwindcss

This skill guides styling with Tailwind CSS using the latest patterns, enables theme customization, and applies modern, perceptually uniform OKLCH colors.

frontenddesignux

🎨 Tailwindcss Backgrounds

This skill helps you apply Tailwind CSS v4.1 background utilities including colors, gradients, images, and blend modes to design rich UIs.

frontenddesignuxperformance

🎨 Tailwindcss Borders

This skill helps you master Tailwind CSS borders by detailing border, outline, ring, and divide utilities for precise UI styling.

frontenduxaccessibilitytypescript

🎨 Tailwindcss Utilities

This skill provides a complete reference for Tailwind CSS utility classes, helping you apply styling efficiently across layouts, spacing, typography, colors,

frontenddocsproductivitydesign

📋 Tapforce Shadcn Svelte

This skill guides setting up and using shadcn-svelte in SvelteKit projects, delivering best practices for components, theming, and integration.

sveltesveltekittailwindshadcn

🎨 Tapforce Tailwindcss

This skill provides best practices for setting up and developing UX/UI with Tailwind CSS ^4 across projects.

tailwindfrontenduxjavascript

📋 Teach Impeccable

This skill gathers project design context and persists it in your AI config to enforce consistent design guidelines across sessions.

designuxbrandingdocs

📋 Template

This skill scaffolds RFCs, ADRs, or blog posts using industry templates, delivering a ready-to-refine draft and guiding improvements.

docswritingproductivityai

📋 Terminal Ui Design System

This skill helps you implement a terminal-inspired design system with macOS window chrome, warm colors, and monospace typography for developer tools.

designuxdocs

🎨 Theme Creation

This skill helps you create and customize themes for PropertyWebBuilder, handling registration, inheritance, palettes, and per-website styling.

designuxbrandingproduct

🎨 Theme Factory

This skill helps you implement professional theming and design token systems for brand-consistent Streamlit apps with easy theme switching.

designuxpythonfrontend

🎨 Theme Factory

This skill guides you through adding a new UI theme to AiderDesk, covering SCSS variables, i18n, and TS type registration.

frontenddesignuxai

🎨 Theme Factory

This skill helps apply consistent theme styling to slides and documents by selecting from 10 preset palettes and fonts.

frontenddesignuxaccessibility

🎨 Timeline Creator

This skill helps you generate interactive HTML timelines and roadmaps with Gantt charts, milestones, and phase grouping for project planning.

frontenddesignplanningproductivity

🎨 Top Design

This skill helps you craft world-class web experiences with premium typography, motion, and layout to reach Awwwards-level prestige.

designuxbrandingperformance

🎨 Ts Tui Game Skill

This skill helps you build beautiful, performant TUI games with TypeScript and blessed by providing patterns, templates, and best practices.

typescriptclifrontendux

⚙️ Tuist App Localization

This skill helps manage iOS/macOS .strings files in Tuist-based projects, validate keys, and synchronize translations across locales.

uxproductautomationscripting