Ux skills

This skill helps you conduct user research, craft wireframes and prototypes, and improve usability through structured UX rules and design systems.

This skill helps you select effective visualizations and charts to communicate data insights clearly and accurately.

This skill reviews user-facing strings for clarity, brevity, and consistency, suggesting improvements while preserving user control.

This skill greets users warmly, responding with a friendly welcome message when users say hello or request a greeting.

This skill helps you design production-grade frontend interfaces with bold aesthetics and polished code for components, pages, and apps.

This skill helps you create original visual art posters and static designs in PNG or PDF by applying a crafted design philosophy and expert craftsmanship.

This skill helps you apply ready-made color palettes and font pairings to any artifact, ensuring consistent professional themes.

This skill guides you to implement and open imperative modals with createModal from @lobehub/ui, boosting modal UX consistency.

This skill guides adding keyboard shortcuts and hotkeys, helping implement, register, and document keyboard interactions across features.

This skill guides you through i18n tasks using react-i18next in React/TypeScript, helping create keys, manage locales, and implement translations.

This skill helps you craft clear, user-friendly UI copy and microcopy that aligns with brand guidelines and improves onboarding and error messaging.

This skill guides React component development using @lobehub/ui, routing tactics, and style decisions to accelerate frontend features.

This skill guides Zustand state management for store code, actions, and slices, improving state reliability and developer productivity.

This skill helps you enrich an MCP server by adding interactive UI to tools using the MCP Apps SDK.

This skill helps you craft visually stunning, cohesive UI/UX by translating design intent into pixel-perfect code with thoughtful interactions and

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

This skill helps you design polished iOS interfaces and SwiftUI layouts aligned with Apple's HIG for accessible, adaptive apps.

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

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

This skill helps you create and modify Next.js pages, React components, and Tailwind styles following Swiss International Style.

This skill helps ensure frontend changes conform to the Swiss International Style by validating colors, typography, borders, and shadows before commit.