gathering-ui

Design and implement accessible glassmorphism UI components with seasonal theming.

5|Updated Nov 22, 2025
One-click install
npx skills add https://github.com/AutumnsGrove/Lattice --skill gathering-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gathering-ui
Source: https://github.com/AutumnsGrove/Lattice/tree/main/.claude/skills/gathering-ui
Command: npx skills add https://github.com/AutumnsGrove/Lattice --skill gathering-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of user interfaces that are not only visually appealing with modern design principles like glassmorphism but also adhere to strict accessibility standards, ensuring inclusivity for all users.

Core Features & Use Cases

  • UI Design & Implementation: Creates new pages and UI features following Grove's aesthetic.
  • Accessibility Auditing: Ensures designs meet keyboard navigation, screen reader, color contrast, and reduced motion requirements.
  • Seasonal Theming: Applies dynamic seasonal color palettes and nature-inspired decorations.
  • Use Case: Develop a new user profile page that is visually stunning, reflects the current season, and is fully navigable via keyboard and screen reader.

Quick Start

Use the gathering-ui skill to create the user profile page.

Frequently Asked Questions about gathering-ui

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

FAQPage Schema
How do I implement glassmorphism UI components that are fully accessible?

To implement accessible glassmorphism UI components, you need to validate visual designs against keyboard navigation, screen reader compatibility, and color contrast requirements. This approach applies modern aesthetics while ensuring inclusive interactions for all users.

What is seasonal theming in frontend development and when should I use it?

Seasonal theming in frontend development applies dynamic seasonal color palettes and nature-inspired decorations to user interfaces. Use it when you need to deliver visually engaging pages that reflect the current season while maintaining strict accessibility standards.

How do I build Svelte components that meet screen reader and keyboard navigation requirements?

Building accessible Svelte components requires validating visual and functional requirements through automated testing and manual review. You must orchestrate component design to ensure full keyboard navigation, screen reader support, and appropriate color contrast compliance.

Can I apply glassmorphism design principles without compromising color contrast accessibility?

Applying glassmorphism without compromising color contrast is achievable by validating visual requirements through automated testing. This ensures that translucent, layered visual effects maintain sufficient contrast ratios for readability and meet strict accessibility standards.

What's the best way to audit a user interface for reduced motion and accessibility compliance?

The best way to audit a user interface for reduced motion and accessibility compliance is through comprehensive automated testing combined with manual review. This validates that designs meet keyboard navigation, screen reader, color contrast, and reduced motion requirements.

Why does my glassmorphism UI design fail screen reader navigation?

Glassmorphism UI designs often fail screen reader navigation when visual aesthetics overshadow semantic structure. Ensuring inclusivity requires orchestrating components to validate functional requirements, confirming that interactive elements are fully navigable via keyboard and readable by assistive technologies.