Retrieve comprehensive guidelines for designing UI components, including APIs, hierarchies, interactions, and styling. Use this tool at the start of component creation to follow user-specific UI patterns and preferences.
Access Grafana UI components, documentation, themes, and metadata to build Grafana-compatible interfaces using React components and design system tokens.
Execute automated UI tests using Playwright to validate user interactions, assertions, and browser compatibility across Chromium, Firefox, and WebKit for robust UI/UX workflows.
Transforms basic interface ideas into comprehensive, professional-grade UI/UX design specifications with detailed styling, animations, components, and accessibility requirements for websites, apps, and other digital interfaces.
Enables comprehensive UI/UX development workflows through integrated tools for component development with Storybook, Tailwind CSS styling, Framer Motion/GSAP animations, Playwright testing, and automated design system generation. Provides end-to-end automation for visual regression testing, accessibility compliance, and UX optimization analysis.
Provides access to 77 pre-built, accessible Basecoat CSS UI components across forms, navigation, feedback, interactive, and layout categories, enabling AI assistants to retrieve HTML components and usage documentation for building user interfaces.