Build user interfaces with ZUI components and design tokens.
npx skills add https://github.com/mrmartineau/zui --skill using-zui
Please help me install this Agent Skill. Skill: using-zui Source: https://github.com/mrmartineau/zui/tree/main/skills/using-zui Command: npx skills add https://github.com/mrmartineau/zui --skill using-zui
ZUI provides a CSS-first UI toolkit with optional React and Astro wrappers. It enables generating HTML, React, or Astro markup that uses ZUI components, design tokens, and utility classes.
Include the CSS stylesheet or the appropriate wrappers in your project to begin using ZUI right away.
High-intent search queries and answers about installing and using this skill.
To build React components using a CSS-first design system, you can use ZUI wrappers that apply design tokens and utility classes for consistent theming and responsive design across your application.
Yes, you can use ZUI utility classes and design tokens in an Astro project by including the CSS stylesheet and leveraging the provided Astro wrappers to generate compliant markup.
The best way to enforce a CSS-first workflow for UI components is to apply a toolkit like ZUI that relies on design tokens for theming and exposes wrappers for rapid, consistent UI creation.
To start generating UI markup with consistent design tokens, include the ZUI CSS stylesheet or the appropriate React and Astro wrappers in your project to begin applying the CSS-first utility classes.
No, this CSS-first UI toolkit does not require external dependencies, allowing you to include the stylesheet or wrappers directly to generate HTML, React, or Astro markup with ZUI components.
Using design tokens for theming instead of standard CSS variables ensures consistent responsive design and enables a strict CSS-first workflow with utility classes across HTML, React, and Astro projects.
AbdullahMalik17Set up shadcn/ui components, forms, and dark mode in Next.js projects.
amano--Initialize React, TypeScript, Vite, Tailwind CSS, and shadcn/ui projects and bundle them into a single HTML file.
mauriciodelrioStandardize React and Next.js styling with Tailwind, CSS Modules, and Material UI.
Oscar-Ivan-SalasStandardize frontend styling with CSS-first Tailwind v4 patterns.
