skills.rest
open-gsd
open-gsdOFFICIAL
Explore all skills by this author →
Website𝕏@opengsdGitHub

userinterface-wiki

Provide a centralized wiki of web interface best practices with YAML frontmatter.

1.0k|92|Updated May 22, 2026
Search Tags:#ui#consistency#a11y#review#ux#web#design-guidelines
One-click install
npx skills add https://github.com/open-gsd/gsd-pi --skill userinterface-wiki-open-gsd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: userinterface-wiki
Source: https://github.com/open-gsd/gsd-pi/tree/main/src/resources/skills/userinterface-wiki
Command: npx skills add https://github.com/open-gsd/gsd-pi --skill userinterface-wiki-open-gsd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX best practices guide consolidates guidelines to minimize design debt and ensure accessible, coherent web interfaces.

Core Features & Use Cases

  • Comprehensive rules across 12 categories including animation principles, typography, and visual design to standardize reviews and automated checks.
  • Use cases include automated QA prompts, design audits, and consistent design handoffs in product development.

Quick Start

Use the wiki to fetch guidelines relevant to your current UI task.

Frequently Asked Questions about userinterface-wiki

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

FAQPage Schema
How do I standardize UI consistency during a web design review?▼

Use a centralized wiki of web interface best practices to standardize UI consistency during design reviews. It provides structured rules across animation, typography, accessibility, and visual design to minimize design debt and ensure coherent interfaces.

What web accessibility and UX guidelines should I apply for automated QA?▼

Apply structured web accessibility and UX best practices from a centralized wiki for automated QA. These guidelines span 12 categories including a11y, animation, and visual design to standardize automated checks and design handoffs.

Can I use these UI best practices for design handoffs in product development?▼

Yes, you can use these UI best practices for design handoffs in product development. The consolidated guidelines ensure accessible, coherent web interfaces and minimize design debt across development workflows.

What is the best way to audit web interface typography and visual design?▼

The best way to audit web interface typography and visual design is by fetching relevant guidelines from a centralized best practices wiki. This applies structured rules across 12 categories to identify UI consistency gaps and ensure accessible interfaces.

Do I need external design dependencies to check web interface consistency gaps?▼

No, you do not need external design dependencies to check web interface consistency gaps. The wiki operates standalone, providing structured Markdown guidelines covering animation, accessibility, layout, and visual design without requiring external components.

Why does my web interface lack coherence across different UI components?▼

Your web interface lacks coherence due to unaddressed UI consistency gaps and design debt. Fetching centralized best practices for typography, animation, and layout provides the structured rules needed to standardize visual design and resolve inconsistencies.

Related Skills

Explore More Design & Creative Skills→
wchen02wchen02
1

web-design-guidelines

Identifies UI code compliance gaps using official Web Interface Guidelines, outputting findings as file:line references.

Community
Intermediate
FindMalekFindMalek
9

web-design-guidelines

Audits frontend components for compliance with Web Interface Guidelines.

Community
Intermediate
LutimiLutimi

ckm:ui-styling

Integrate shadcn/ui, Radix primitives, and Tailwind CSS into React interfaces.

Community
Advanced
roderikroderik
2

rams

Analyze UI components for WCAG accessibility and visual design issues.

Community
Basic