aioz-ui-v3Build UI components and pages using AIOZ UI V3 design system. Use this skill whenever the user wants to create, edit, or style React components using AIOZ UI...
Install via ClawdBot CLI:
clawdbot install datnguyen26730/aioz-ui-v3Grade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/shadcn.pngAudited Apr 16, 2026 · audit v1.0
Generated Mar 22, 2026
A company transitioning from an older UI framework to AIOZ UI V3 needs to convert existing Figma designs into production-ready React components. This skill ensures accurate mapping of design tokens, typography, and icons, reducing manual translation errors and speeding up the migration process.
Building data-rich dashboards with interactive charts like LineChart and BarChart for analytics platforms. The skill helps integrate AIOZ UI V3 components for consistent styling and efficient data visualization, ensuring a cohesive user interface across all dashboard elements.
Enhancing an online store by adding new UI components such as buttons, badges, and tooltips based on Figma designs. This skill streamlines the implementation of design tokens and icons, improving the visual consistency and user experience of product pages and checkout flows.
Developing internal admin tools with complex forms, tables, and navigation elements using AIOZ UI V3. The skill automates the conversion of Figma MCP output into code, reducing development time and ensuring adherence to the company's design system standards.
Creating high-fidelity prototypes for mobile applications by translating Figma designs into React components with AIOZ UI V3. This skill facilitates rapid iteration and testing of UI elements like cards, sliders, and progress bars, accelerating the prototyping phase.
Offering a subscription-based design-to-code service that leverages this skill to automate UI development for clients. Revenue is generated through monthly or annual licenses, with tiered pricing based on usage volume and support levels.
Providing custom development and design system integration services using AIOZ UI V3 for client projects. Revenue comes from project-based contracts or hourly rates, with this skill reducing labor costs and improving delivery timelines.
Selling workshops, courses, and consulting packages to help teams adopt AIOZ UI V3 and integrate Figma MCP workflows. Revenue is generated from one-time training fees or ongoing advisory retainers, targeting organizations scaling their design systems.
💬 Integration Tip
Ensure proper import path separation between @aioz-ui/core/components for charts and @aioz-ui/core-v3/components for other UI elements to avoid conflicts.
Scored Apr 19, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.