Can Claude help me choose between a Table and a Card view?

Yes, the skill includes a specific framework for evaluating your data types and user tasks to select the most efficient collection style for comparison or browsing.

Can it help with dynamic visual indicators?

Yes, it includes techniques for using If-Then-Else columns to generate status emojis and integrating Hero Icons for a modern, responsive UI.

Does this skill support desktop-specific design?

Absolutely. It emphasizes a desktop-first review process to ensure your layouts utilize horizontal space effectively while remaining functional on mobile devices.

How does this skill improve my Glide app?

It provides domain-specific guidance on layout hierarchy, component selection, and design principles like 'show don't hide' to make your apps more intuitive and data-dense.

Why should I replace default Glide components?

Default components are generic; this skill suggests specific alternatives like Contact, Map, or Big Numbers components to create a more purposeful and polished user experience.

Glide UI/UX Design

Name: Glide UI/UX Design
Author: glideapps

byglideapps

•

디자인 도구

Designs and builds intuitive, data-dense Glide screens, components, and workflows using professional UI patterns.

This skill transforms Claude into a specialized UI/UX designer for Glide applications, providing expert guidance on creating screens, forms, and complex actions. It prioritizes high-usability principles such as progressive disclosure and data-appropriate component selection, moving beyond generic defaults to create polished, professional-grade software. Whether you are building dashboards, multi-step forms, or relational data views, this skill ensures your layouts are optimized for both desktop and mobile users while maintaining a clean visual hierarchy.

주요 기능

01Desktop-first design review techniques to optimize layout visibility

028 GitHub stars

03Advanced collection styling for Tables, Cards, Kanban, and Calendars

04Expert screen type selection for dashboards, directories, and forms

05Implementation of dynamic status indicators using If-Then-Else emoji logic

06Automated replacement of generic default components with high-UX alternatives

사용 사례

01Optimizing data-heavy screens for scannability and reduced user clicks

02Designing complex multi-step forms with specific input types and hints

03Transforming a basic 'Screen from data' into a customized, professional interface

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add glideapps/glide-code design

For use in Claude.ai and ChatGPT

Download Skill