Apply Tailwind-based design guidelines for typography, color, spacing, and components.
npx skills add https://github.com/poko8nada/honox-sample --skill ui-design-poko8nada
Please help me install this Agent Skill. Skill: ui-design Source: https://github.com/poko8nada/honox-sample/tree/main/.github/skills/ui-design Command: npx skills add https://github.com/poko8nada/honox-sample --skill ui-design-poko8nada
UI/UX design guidelines provide a cohesive framework for building accessible, visually consistent interfaces using Tailwind-based tooling and design tokens, reducing design debt and fragmentation.
Consult these guidelines at the start of a new UI component to ensure typography, spacing, and token usage stay consistent.
High-intent search queries and answers about installing and using this skill.
Build accessible UI components using Tailwind by applying centralized guidelines for typography, color, and spacing alongside WCAG 2.1 AA compliance. This approach uses design tokens to ensure visual consistency and reduce design debt across web apps and dashboards.
Manage design tokens for a Tailwind component library by centralizing definitions for typography, color, and spacing. This strategy ensures consistency across projects and reduces fragmentation by applying a unified visual language to interface design and component styling.
Yes, you can use these UI design guidelines with shadcn/ui. The framework provides integration support for component libraries like shadcn/ui, applying Tailwind-based styling and accessibility-first principles to ensure cohesive interface design across your project.
Ensure WCAG 2.1 AA accessibility compliance when styling web dashboards by applying accessibility-first design principles. These Tailwind-based guidelines govern token usage, responsive behavior, and component styling to maintain compliant and accessible interface design.
Consult UI design guidelines at the start of a new UI component or web page to ensure typography, spacing, and token usage remain consistent. Applying these centralized Tailwind guidelines early prevents design debt and maintains a unified visual language.
dylantarreGenerate scalable border-radius tokens for CSS, Tailwind, and JSON outputs.
Higashi-KotaBuild accessible React UI components with design tokens and ARIA patterns.
timothyfroehlichCreate accessible shadcn/ui interfaces with Tailwind CSS v4 patterns.
ChoreShoreValidate WCAG 2.1 color contrast ratios and suggest compliant alternatives.
