ui-guidelines

Define standardized HMIS frontend UI guidelines for XHTML templates and PrimeFaces components.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/withmartian-sandbox/ghrc-x-a78d77e2f0a84f43b4d486d418566b5b --skill ui-guidelines-withmartian-sandbox
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-guidelines
Source: https://github.com/withmartian-sandbox/ghrc-x-a78d77e2f0a84f43b4d486d418566b5b/tree/main/.claude/skills/ui-guidelines
Command: npx skills add https://github.com/withmartian-sandbox/ghrc-x-a78d77e2f0a84f43b4d486d418566b5b --skill ui-guidelines-withmartian-sandbox

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

HMIS UI development guidelines help frontend developers maintain consistency and accessibility across XHTML pages, PrimeFaces components, and UI layouts.

Core Features & Use Cases

  • Standardized UI patterns and best practices for HMIS frontend development.
  • Clear guidance on page structure, responsive layouts, form controls, and component styling.
  • Use Case: A developer updates an HMIS login page to align with the project-wide UI rules without changing business logic.

Quick Start

Review existing XHTML templates and apply the HMIS UI guidelines to new UI components.

Frequently Asked Questions about ui-guidelines

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

FAQPage Schema
What are HMIS frontend UI guidelines for XHTML templates?

HMIS frontend UI guidelines standardize XHTML page structure, PrimeFaces component styling, and responsive layout patterns to ensure consistent and accessible markup across the HMIS UI stack. They streamline development by enforcing project-wide visual and structural rules.

How do I apply consistent UI styling to PrimeFaces components in HMIS?

To apply consistent UI styling to PrimeFaces components, follow standardized HMIS UI guidelines that dictate specific layout patterns, form control behaviors, and accessible markup requirements. This ensures components integrate seamlessly without altering underlying business logic.

Can I update an HMIS login page with UI guidelines without changing business logic?

Yes, you can update an HMIS login page by applying standardized frontend UI guidelines to the XHTML template and PrimeFaces components. This aligns the page with project-wide accessibility and layout rules without modifying the existing business logic.

What accessibility features are required for HMIS page layouts?

Required accessibility features for HMIS page layouts include standardized accessible markup, responsive behavior rules, and consistent form controls defined by the HMIS UI guidelines. These ensure the frontend interface is usable across different devices and accessible to all users.

What is the best way to structure responsive forms in XHTML for HMIS?

The best way to structure responsive forms in XHTML for HMIS is to apply the standardized layout patterns and component styling rules defined in the HMIS UI guidelines. This enforces consistent responsive behavior and accessible form controls across the application.