Ux skills

This skill helps you design, build, and refine frontend UI/UX with searchable palettes, typography, and stack guidelines across frameworks.

This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and

This skill helps you build and validate signal-based Angular forms with automatic binding and dynamic fields using the Signal Forms API.

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

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

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

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

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

This skill helps you assemble mood boards by sourcing inspirations, defining palettes, and organizing layouts for creative campaigns.

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

This skill helps you compose cohesive brand guidelines, UI/UX patterns, and themed assets, accelerating design consistency across projects.

This skill helps you build Flutter apps by guiding widgets, state management, navigation, and platform integration with practical best practices.

This skill helps you build accessible web applications by applying WCAG and ARIA patterns, ensuring keyboard navigation and screen reader support.

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

This skill helps you build consistent design systems with tokens, components, and theming across projects.

This skill helps you design accessible color palettes and contrast checks to ensure color-blind friendly visuals across interfaces and charts.

This skill converts colors between HEX, RGB, HSL, HSV, CMYK and can generate color palettes for design workflows.

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

This skill generates custom images using Gemini 2.5 Flash for frontend designs, illustrations, icons, or hero images from user prompts.

This skill helps you explore human-AI collaboration as consciousness co-creation by focusing on the interaction space where presence enables emergent insight.

This skill helps you navigate fitness versus truth by treating reality as an interface, enabling richer perspectives and conscious navigation.