skills.rest
skycruzer
skycruzerCOMMUNITY
Explore all skills by this author →
GitHub

Design Guide

Apply consistent UI design guidelines across SwiftUI, Android, and web interfaces.

Updated Oct 17, 2025
Search Tags:#branding#accessibility#design system#guidance#visual consistency#design principles#UI/UX design
One-click install
npx skills add https://github.com/skycruzer/fleet-management-v2 --skill design-guide-skycruzer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Design Guide
Source: https://github.com/skycruzer/fleet-management-v2/tree/main/.claude/skills/design-guide
Command: npx skills add https://github.com/skycruzer/fleet-management-v2 --skill design-guide-skycruzer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Ensuring consistent, high-quality design across projects can be challenging without dedicated design expertise or clear guidelines. This Skill provides instant access to comprehensive design guidance, best practices, and resources for UI/UX, branding, and visual consistency, helping you maintain standards and make informed design decisions.

Core Features & Use Cases

  • UI/UX Best Practices: Offer guidance on design principles, patterns, and accessibility.
  • Branding & Visual Consistency: Provide advice on maintaining brand identity, color palettes, and typography.
  • Component Templates: Access a library of common UI component templates and usage guidelines.
  • Use Case: Need to design an accessible form but unsure of the best practices? Ask this Skill for guidance, and it will provide detailed recommendations, ensuring your design meets accessibility standards and user needs.

Quick Start

Use the Design Guide to get best practices for creating a consistent color palette for a new mobile app.

Frequently Asked Questions about Design Guide

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

FAQPage Schema
How do I ensure UI design consistency across SwiftUI, Android, and web platforms?▼

Design consistency across platforms requires unified design principles, spacing systems, and component standards. This Skill provides cross-platform UI guidance using minimal design, 8px grid spacing, neutral palettes with accent color, and clear interactive states to maintain cohesive interfaces on SwiftUI, Android, and web.

What are the best practices for accessible form design?▼

Accessible forms need clear labels, logical tab order, color contrast, error messaging, and keyboard navigation. This Skill offers detailed accessibility recommendations and design patterns to ensure forms meet standards and serve diverse user needs across platforms.

How do I create a consistent color palette and typography hierarchy for my app?▼

Establish a neutral base palette with one accent color, define clear type scales for headings and body text, and document usage rules. This Skill guides you through building brand-aligned color systems and typography hierarchies that scale across multiple products.

What makes a design system work across different frameworks?▼

A working design system documents components, spacing rules, interactive states, and accessibility requirements consistently. This Skill teaches minimal, grid-based design principles and component templates that translate across SwiftUI, Android, and web implementations.

Can I use design guidance to fix inconsistent UI components I've already built?▼

Yes. Review existing buttons, forms, cards, and layouts against design principles for spacing, color, typography, and interactivity. This Skill helps you refactor components to align with consistent standards and improve visual cohesion.

Related Skills

Explore More Design & Creative Skills→
ZanebonoAlterZanebonoAlter
19

brand-guidelines

Apply Anthropic brand colors, typography, and layout rules to design artifacts.

Community
Basic
Fire-ants-never-dieFire-ants-never-die

orchestrator-designer

Generate design tokens and component specifications for the Claude Orchestrator UI.

Official
Intermediate
caobingshengcaobingsheng
1

ui-ux-designer

Guide teams in implementing accessible, token-based UI/UX design systems.

Community
Advanced
DaKheera47DaKheera47
3.8k

design-principles

Enforce a 4px grid, typography hierarchy, and depth strategy for enterprise UI design.

Community
Basic