Build Next.js UI screens with shadcn/ui components and design tokens.
npx skills add https://github.com/cmbays/mokumo --skill screen-builder
Please help me install this Agent Skill. Skill: screen-builder Source: https://github.com/cmbays/mokumo/tree/main/.claude/skills/screen-builder Command: npx skills add https://github.com/cmbays/mokumo --skill screen-builder
This Skill streamlines the process of building user interface screens by providing a consistent design system, reusable patterns, and a clear workflow, ensuring high quality and adherence to standards.
Use the screen-builder skill to create a new data-table-screen.tsx template for a list page.
High-intent search queries and answers about installing and using this skill.
To build consistent UI screens in Next.js, this skill guides you through preflight checks, template selection, and component implementation using shadcn/ui primitives. It strictly enforces design tokens for typography and spacing to ensure high-quality, standardized results.
You can enforce a design system during frontend component development by applying predefined design tokens for color, typography, and spacing. This skill automatically checks adherence to these guidelines and verifies outputs against rigorous quality checklists.
Yes, you can use shadcn/ui components with Zustand for state management in screen building. This skill supports state management via URL parameters and Zustand while implementing shared feature components and Next.js UI primitives.
The best way to structure a screen development workflow involves guided phases from preflight checks to final verification. This skill provides a structured process for template selection, component implementation, and cross-linking checklist validation to ensure quality.
Yes, you should use existing shared feature components when building a list page. This skill streamlines development by leveraging reusable UI primitives and shared components, guiding you to select the appropriate data-table template for your Next.js screen.
themadorgStandardize React frontend UI with a reusable design system and shadcn/ui primitives.
matteotittaEvaluate React and Tailwind UI components against a five-dimension design rubric.
nhonvoDesign scalable React state management architectures with Redux Toolkit, Zustand, Jotai, TanStack Query, and Context API.
danghungtb26Decompose UI screens into reusable components with atomic design and API cores.
