๐Ÿ“ฑ
FrontendPython

Mobile App UI Design

by majiayu000

Mobile App UI Design is a Frontend skill for Claude Code, published by majiayu000 in spellbook.

265 stars26 forkson majiayu000/spellbookAdded 2026/09/02+1% in starsRepository updated 2026/08/31
agent-skillsai-agent-skillsai-agentsai-coding-assistantautomationclaudeclaude-codeclaude-code-skillscode-reviewcodexcodex-skillscross-runtimedeveloper-toolsmulti-agentproductivityprompt-engineeringskill-librarysoftware-developmentspellbookworkflows
Install in seconds
Install Mobile App UI Design
Copy Mobile App UI Design into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/majiayu000/spellbook/tree/main/skills/app-ui-design ~/.claude/skills/app-ui-design

Requires Node.js. Downloads this skill only โ€” not the rest of the repository โ€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/majiayu000/spellbook.git

Clones the whole repository, then copy the skillโ€™s own directory into your skills folder yourself.

In this catalog

Source file
skills/app-ui-design/SKILL.md in majiayu000/spellbook
Installs to
~/.claude/skills/app-ui-design
Collection
One of 25 skills cataloged from this repository
Category
Frontend โ€” 600 skills

What Mobile App UI Design does

Mobile App UI Design helps design iOS and Android app interfaces, design systems, and accessible layouts. Use it when following Human Interface Guidelines, Material Design 3, or WCAG 2.2 AA requirements.

Mobile App UI Design is cataloged under Frontend on DirSkills. Mobile App UI Design comes from a repository tagged agent-skills, ai-agent-skills, ai-agents, ai-coding-assistant and automation.

Documentation

README

Mobile App UI Design

Expert guidance for designing beautiful, accessible, and platform-native mobile app interfaces following 2025 best practices.

Core Philosophy

  • User-First Design โ€” Prioritize user needs, behaviors, and mental models over aesthetics
  • Platform Consistency โ€” Follow iOS HIG and Android Material Design guidelines
  • Accessibility as Foundation โ€” Design for all users from the start, not as an afterthought
  • Emotional Intelligence โ€” Create interfaces that users emotionally connect with
  • Performance-Conscious โ€” Beautiful design that doesn't sacrifice app performance

Hard Rules (Must Follow)

These rules are mandatory. Violating them means the skill is not working correctly.

Accessibility First

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Mobile App UI Design

  • What else does majiayu000 publish alongside Mobile App UI Design?

    Mobile App UI Design is one of 25 skills that DirSkills catalogs from majiayu000/spellbook, the repository it ships in. Its siblings there include AGENTS.md Scaffold, API Design and Agents Md Optimize. Each one is a separate skill with its own page in this directory, installs the same way Mobile App UI Design does, and is maintained by majiayu000 in that same repository. The rest of the collection is listed on the majiayu000/spellbook page.

  • How does Mobile App UI Design compare to other Frontend skills?

    Mobile App UI Design ranks #526 by stars among the 600 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Mobile App UI Design against them. Open each page to compare what they document and how they install.

More from majiayu000/spellbook

Mobile App UI Design is one of 25 skills cataloged on DirSkills from majiayu000/spellbook.

See all 25 skills โ†’
๐Ÿงญ
1h ago

AGENTS.md Scaffold

AGENTS.md Scaffold generates or updates repository-specific AGENTS.md files from repo evidence. It is used when a repo needs scoped agent instructions, validation commands, or directory-specific rules.
Automation
26526
๐Ÿ”Œ
1h ago

API Design

API Design covers REST, GraphQL, and gRPC best practices for defining contracts, versioning, pagination, errors, and idempotency. Use it when designing public or internal APIs and their schemas.
AI Engineering
26526
๐Ÿ› ๏ธ
1h ago

Agents Md Optimize

Agents Md Optimize audits a CLAUDE.md or AGENTS.md file, scores common instruction patterns, and applies approved fixes in place. Use it when you want to improve an agent instruction file, not just review it.
AI Engineering
26526
๐Ÿงช
1h ago

App User Story QA

App User Story QA turns a broad request to test an app into a tracked loop of feature inventory, code-backed expected behavior, and user-story tests. Use it to audit every surface, classify failures, and retest documented defects after fixes.
Quality
26526
๐Ÿ—๏ธ
1h ago

Architecture Foundation

Architecture Foundation turns architecture discussions into explicit boundaries, contracts, validation gates, and a small execution plan. Use it when designing or refactoring system structure, choosing module or service boundaries, or writing a spec before coding.
AI Engineering
26526
๐Ÿ—๏ธ
1h ago

Architecture Research

Architecture Research helps analyze real systems from source, docs, and runtime evidence before choosing a technical direction. Use it for architecture studies, system archaeology, build-vs-buy decisions, and reassessing earlier choices.
AI Engineering
26526