App UI Design

Name: app-ui-design
Author: majiayu000

majiayu000/spellbook

Mobile app UI design expert for iOS and Android. Use when designing app interfaces, creating design systems, ensuring accessibility, or following platform guidelines. Covers Material Design 3, Human Interface Guidelines, color theory, typography, and 2025 trends.

★ 253 Synced 4 hours ago View SKILL.md

At a glance

Design Manual install Python Actively maintained

This skill is for Design and helps you design mobile app interfaces, create design systems for apps, and ensure app accessibility compliance.

Install

git clone --depth 1 https://github.com/majiayu000/spellbook
cp -r spellbook/skills/app-ui-design ~/.claude/skills/app-ui-design

Can use Not declared by the author

Good for design mobile app interfacescreate design systems for appsensure app accessibility complianceapply material design 3 patternsfollow ios human interface guidelinesimplement app typography and color systems

Setup, runtime and requirements describe majiayu000/spellbook, the repo this skill ships in.

mobile ios android material-design accessibility Human Interface Guidelines

Also in majiayu000/spellbook

View the repo

Agentsmd Optimize Productivity

Audit AND optimize a CLAUDE.md / AGENTS.md instruction file — score it against the five high-leverage patterns, flag anti-patterns, then app...

Agentsmd Scaffold Legal

Generate or update repository-specific AGENTS.md instruction files from real repo evidence. Use when asked to create, design, scaffold, spli...

API Design Legal

REST/GraphQL/gRPC API design best practices. Use when designing APIs, defining contracts, handling versioning. Covers OpenAPI 3.2, GraphQL F...

App User Story Qa Code Review & Testing

End-to-end app feature inventory and user-story testing workflow with a canonical tracker. Use when the user asks to audit every feature, de...

Architecture Foundation Legal

Design architecture foundations before implementation. Use when asked to design or refactor architecture, choose Rust/Go crate, package, mod...

Ask Opencli Productivity

Ask Grok or Gemini via opencli (browser-session based, no API cost). Use when the user says "问 grok", "问 gemini", "ask grok", "ask gemini"...

Auth Security Coding

OAuth 2.1 + JWT authentication security best practices. Use when implementing auth, API authorization, token management. Follows RFC 9700 (2...

Capability Distill Productivity

能力蒸馏工作流——从用户批准的强模型访谈或真实任务轨迹中提取非显然的判断规则，形成可审计的 judgment packet，再交给 skill-audit 和 skill-creato...

Clash Doctor DevOps & Infrastructure

Clash Verge 诊断与配置管理。网络诊断、配置 AI 工具路由规则（Claude/Codex/Cursor/Warp）、查看/克隆订阅配置、切换配置文件。当用户遇到网络问题...

Clash Routes DevOps & Infrastructure

查看指定进程的代理线路。通过 Mihomo API 查询当前活跃连接，显示进程匹配的规则和代理链路。用于确认某个进程（如 claude、chrome）走的是哪条订阅...

Claude Code Reverse Code Review & Testing

对用户拥有或明确获授权的本机可执行文件、应用二进制和版本产物做只读静态逆向，包括 Claude Code 及其他 CLI、Mach-O、ELF、PE、Wasm 或打包应用。...

Cliproxy Newapi Stack DevOps & Infrastructure

在已经过独立验证的 CLIProxyAPI upstream 之上部署 NewAPI 计费层，把 Codex/Claude/Gemini/Qwen 等订阅账号包装成可计费的 OpenAI 兼容 API。本 Ski...

Other Design skills

Frontend Design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

Algorithmic Art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

Design An Interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

Prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

Wireframe Annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...

Chat Motion Overlay nexu-io/open-design

Generate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes, app-style chat containers, option...