ui-ux-standards

Name: ui-ux-standards
Availability: InStock
Author: CRISTAL-ISE

Enforce Tailwind, PrimeNG, and WCAG AA standards in Angular projects.

10|1|Updated Jan 21, 2019

Search Tags:#typescript #ui #accessibility #a11y #tailwind #ux #primeng

Ready to run

npx skills add https://github.com/cristal-ise/cristal-ise --skill ui-ux-standards

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-standards
Source: https://github.com/cristal-ise/cristal-ise/tree/main/vibeui/.agents/skills/ui-ux-standards
Command: npx skills add https://github.com/cristal-ise/cristal-ise --skill ui-ux-standards

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams enforce consistent, accessible UI standards across projects, reducing design debt and ensuring premium aesthetics.

Core Features & Use Cases

Styling standards: Adopt Tailwind CSS for layout and PrimeNG for complex components to maintain a cohesive look.
A11y compliance: Enforce WCAG AA guidelines, focus management, and ARIA usage across interfaces.
Typing discipline: Promote strict TypeScript usage and avoid any, preferring unknown where uncertainty exists.
Use Case: When building an admin dashboard, apply these standards to achieve a consistent, accessible UI across pages.

Quick Start

Apply Tailwind for layout and use PrimeNG components while validating accessibility with AXE in your Angular project.

Frequently Asked Questions about ui-ux-standards

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I enforce WCAG AA accessibility compliance in Angular dashboards?▼

Enforce WCAG AA accessibility compliance in Angular dashboards by validating focus management, ARIA usage, and interface interactions with AXE. This Skill aligns teams to apply these standards throughout the development workflow for premium UI.

Can I use Tailwind CSS and PrimeNG together to maintain cohesive UI styling?▼

You can use Tailwind CSS and PrimeNG together to maintain cohesive UI styling by adopting Tailwind for layout and PrimeNG for complex components. This combination ensures consistent aesthetics across modern web apps.

What is the best way to manage TypeScript discipline and avoid any types in UI development?▼

Manage TypeScript discipline in UI development by promoting strict usage and avoiding any, preferring unknown where uncertainty exists. This enforces typing standards within the workflow to reduce design debt.

Does this Skill support building accessible admin dashboards with strict TypeScript?▼

This Skill supports building accessible admin dashboards with strict TypeScript by applying Tailwind, PrimeNG, and WCAG AA standards. It enforces typing discipline and accessibility requirements within the development workflow.

Why apply UI UX standards across modern web apps and design systems?▼

Apply UI UX standards across modern web apps and design systems to reduce design debt and ensure premium, accessible aesthetics. Consistent standards enforce cohesive styling and accessibility compliance across customer interfaces.