Agent Skill

Design Mobile Apps skill

design-mobile-appsdesigned-by-ai/skillsskills/design-mobile-apps/SKILL.md

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.

19MIT

always on

28 tokname + description

once used

1,883 tokSKILL.md body

bundled files

650 KB

installs

960kskills.sh

Install the Design Mobile Apps skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/designed-by-ai/skills --skill design-mobile-apps

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/designed-by-ai/skills.git /tmp/skills
mkdir -p ~/.claude/skills
cp -R /tmp/skills/skills/design-mobile-apps ~/.claude/skills/design-mobile-apps

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

When	What loads	Cost
Every session	Name and description	28 tok
When the agent uses it	The SKILL.md instructions	1,883 tok
Only if opened	6 bundled files (50 KB)	varies

Until it is used, design-mobile-apps costs about 49× less than the median MCP server we measured (1,362 tokens on every turn). Skills vs MCP study

Checks

Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

Designing with Sleek
Overview
Designing or implementing
User shot and review shot
Prerequisites: API Key
Quick Reference: All Endpoints
Error Shapes