skills.rest
cristal-ise
cristal-iseOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-standards

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
One-click install
npx skills add https://github.com/cristal-ise/cristal-ise --skill ui-ux-standards
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
jubscodesjubscodes
49

gsp-scaffold

Set up Next.js, Vite, or React Native projects with Tailwind and shadcn/ui, then verify the build.

Community
Advanced
fugazifugazi
215

a11y-playwright-testing

Automate WCAG 2.1 AA accessibility scans in Playwright tests with axe-core.

Community
Intermediate
apdarrapdarr

styling

Styles Tailwind-based responsive and accessible components in Rails views and apps.

Community
Advanced
VYRE-StudiosVYRE-Studios

frontend-design

Design responsive, accessible UI components with semantic HTML and WCAG AA compliance.

Official
Intermediate