skills.rest
dngioidev
dngioidevCOMMUNITY
Explore all skills by this author →
GitHub

designer-uxui

Provide UI/UX design patterns, TailwindCSS tokens, and WCAG 2.1 AA accessibility checks.

Updated Apr 7, 2026
Search Tags:#accessibility#design patterns#ux design#ui design#tailwindcss
One-click install
npx skills add https://github.com/dngioidev/ToastMasterHelper --skill designer-uxui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: designer-uxui
Source: https://github.com/dngioidev/ToastMasterHelper/tree/main/.github/skills/designer-uxui
Command: npx skills add https://github.com/dngioidev/ToastMasterHelper --skill designer-uxui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires tailwindcss, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the UI/UX design process by providing expert design patterns, tools, and accessibility checks, ensuring consistency and efficiency in your design work.

Core Features & Use Cases

  • Expert Design Patterns: Access a comprehensive collection of UI/UX design patterns for effective interface design.
  • TailwindCSS Tokens: Utilize pre-defined design tokens for consistent branding and theming.
  • Accessibility Checks: Run accessibility reviews against WCAG 2.1 AA standards to ensure inclusivity.
  • Use Case: When planning the layout of a new UI feature or creating wireframes for approval, this Skill can help maintain consistency and accessibility in your design.

Quick Start

Run the designer-uxui skill with the argument 'design session schedule table layout' to start planning your UI component layout.

Frequently Asked Questions about designer-uxui

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

FAQPage Schema
How do I check WCAG 2.1 AA accessibility standards during UI design?▼

To check WCAG 2.1 AA accessibility standards during UI design, run accessibility reviews through this skill. It evaluates interface components against inclusivity requirements to identify compliance gaps.

Can I use TailwindCSS design tokens for consistent UI theming?▼

Yes, you can use TailwindCSS design tokens for consistent UI theming. The skill provides pre-defined tokens that maintain unified branding and visual consistency across your layout planning process.

What is the best way to plan a layout for a new UI feature?▼

The best way to plan a layout for a new UI feature is to apply expert design patterns. This skill streamlines wireframe creation and component layout planning to maintain structural consistency.

Do I need knowledge of TailwindCSS and WCAG standards to use these design patterns?▼

Yes, you need existing knowledge of TailwindCSS and WCAG 2.1 AA standards. The skill leverages these frameworks to provide expert design patterns, tools, and accessibility checks for your workflow.

How do I start a design session for a schedule table layout?▼

To start a design session for a schedule table layout, run the skill with the argument 'design session schedule table layout'. This initiates the UI component layout planning process directly.

Related Skills

Explore More Design & Creative Skills→
Integrum-GlobalIntegrum-Global
12

uiux-design-principles

Apply framework-agnostic UI/UX design principles to frontend layouts and audits.

Official
Advanced
rattamnoonrattamnoon

baseline-ui

Review frontend UI files against Tailwind, accessibility, and interaction constraints.

Community
Intermediate
AvaloniaUIAvaloniaUI
157

docusaurus-styling

Align Docusaurus visuals with the Avalonia Customer Portal theme using TailwindCSS and CSS variables.

Official
Intermediate
Dev-Dennis-040Dev-Dennis-040
10

testing-accessibility-auditor

Audit web interfaces for WCAG 2.2 AA conformance and ARIA compliance.

Community
Advanced