Design and implement accessible UI components and design systems across frameworks.
npx skills add https://github.com/claudioborja/biblioteca --skill skill-ui-ux
Please help me install this Agent Skill. Skill: skill-ui-ux Source: https://github.com/claudioborja/biblioteca/tree/main/.agents/skills/skill-ui-ux Command: npx skills add https://github.com/claudioborja/biblioteca --skill skill-ui-ux
Pixel-perfect, accessible UI design and implementation require cohesive design systems and tokens across frameworks; teams often struggle to scale consistent experiences from design to code.
Provide your design system brief and I will generate a starter UI component library blueprint and implementation plan.
High-intent search queries and answers about installing and using this skill.
Build a design system using framework-agnostic guidance and atomic component architecture to create reusable UI components across React, Vue, Svelte, Angular, or vanilla JS. It maps design tokens to CSS variables for consistent, scalable interfaces.
Ensure WCAG compliance by applying mobile-first, accessible design guidelines that enforce keyboard navigability, screen reader support, and color contrast checks. Accessibility governance is baked directly into the component workflow.
Manage design tokens by centralizing color, spacing, typography, radius, and shadow values, then mapping them directly to CSS variables. This ensures consistent theming across all components in the library.
Yes, you can generate a starter UI component library blueprint by providing a design system brief. It outputs an implementation plan based on atomic architecture, covering atoms, molecules, organisms, templates, and pages.
Yes, the design-to-code workflow explicitly supports mobile-first responsive design. It provides framework-agnostic patterns to ensure interfaces adapt correctly across different screen sizes and devices.
priyansh19Establish and enforce CrewSpace UI design system standards across frontend components.
augustoheissImplement accessible React, Vue, Angular, or Svelte frontend applications with TypeScript and WCAG 2.1 AA compliance.
jfrometaImplement CSS-first Tailwind v4 patterns with container queries and design tokens.
htafollaDesign mobile-first user interfaces with WCAG 2.1 AA accessibility compliance.
