Are the generated components accessible?

Absolutely. It leverages Radix UI primitives to ensure that all generated UI components meet high web accessibility standards.

Is it compatible with existing shadcn/ui setups?

Yes, this skill is specifically designed to follow the shadcn/ui component pattern and file organization structure.

Can I generate domain-specific feature components?

Yes, the skill understands the IntelliFill architecture and can place components in the correct domain-specific or layout directories.

What styling framework does this skill use?

It utilizes TailwindCSS combined with class-variance-authority (CVA) to manage complex component variants and utility-first styling.

Does it support form validation?

Yes, the skill generates robust forms using React Hook Form integrated with Zod for comprehensive schema-based validation.

Frontend Component Architect

Name: Frontend Component Architect
Author: Intellifill

byIntellifill

•

设计工具

Generates production-grade React components using TailwindCSS, CVA, and Radix UI for the IntelliFill platform.

关于

This skill streamlines the development of React components within the IntelliFill frontend by enforcing strict architectural patterns. It automates the creation of base UI elements, complex forms, and page-level layouts using a tech stack consisting of TailwindCSS for styling, Radix UI for accessibility, and class-variance-authority (CVA) for sophisticated variant management. By following the shadcn/ui pattern and integrating React Hook Form with Zod validation, it ensures that every generated component is accessible, maintainable, and visually consistent with the IntelliFill ecosystem.

主要功能

Advanced variant management with class-variance-authority (CVA)
Automated form generation with React Hook Form and Zod validation
1 GitHub stars
Strict architectural compliance with the IntelliFill directory structure
Standardized UI component scaffolding based on shadcn/ui patterns
Accessible UI primitive integration via Radix UI

使用场景

Building complex document processing forms with field-level schema validation
Creating reusable UI primitives like custom buttons, inputs, and accessible dialogs
Developing consistent page layouts and feature-specific domain components

关于

主要功能

Advanced variant management with class-variance-authority (CVA)
Automated form generation with React Hook Form and Zod validation
1 GitHub stars
Strict architectural compliance with the IntelliFill directory structure
Standardized UI component scaffolding based on shadcn/ui patterns
Accessible UI primitive integration via Radix UI

使用场景

Building complex document processing forms with field-level schema validation
Creating reusable UI primitives like custom buttons, inputs, and accessible dialogs
Developing consistent page layouts and feature-specific domain components