mcpField
S
sleek-design-mobile-apps

sleek-design-mobile-apps

github.com/podoDesign & UI29188 installsUpdated 4d ago
Repository

About sleek-design-mobile-apps

sleek-design-mobile-apps uses the Sleek REST API to turn natural-language briefs into mobile app designs and support their implementation. It is intended for design and development workflows using the Sleek platform, with screen design, style direction, and screenshot-based acceptance checks.

Key features

  1. 01Create Sleek projects and design screens
  2. 02Iterate designs through chat and screenshots
  3. 03Author or seed a style direction
  4. 04Implement designs in React Native or HTML
  5. 05Check acceptance against screenshots

Use cases

  1. 01Generating mobile app screens from a brief
  2. 02Iterating on designs and reviewing screenshots
  3. 03Turning designs into React Native or HTML implementations

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill sleek-design-mobile-apps

After installing, type/sleek-design-mobile-appsin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

sleek-design-mobile-apps

Catalogue stub — full skill: sleekdotdesign/agent-skills

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/sleek-design-mobile-apps/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/sleek-design-mobile-apps/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as sleek-design-mobile-apps, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/sleek-design-mobile-apps ] && echo "global" || echo "project"

    Global:

    npx skills add sleekdotdesign/agent-skills --skill sleek-design-mobile-apps -g -y

    Project:

    npx skills add sleekdotdesign/agent-skills --skill sleek-design-mobile-apps -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • Requires: A Sleek account (sleek.design). Free accounts only get one-time trial credits (about one design run); sustained use needs a paid plan, see the upstream README for current pricing; SLEEK_API_KEY environment variable, created at sleek.design/agents/setup. The skill calls the Sleek REST API, so designs and briefs are sent to Sleek (a third party)
  • License: MIT

Invoke after install

  • Skill name: sleek-design-mobile-apps
  • Triggers: "Sleek design", "sleekdotdesign", "Sleek Pro"
  • Needs the SLEEK_API_KEY environment variable set before use (see the heads-up above)

What it does

Natural-language interface to the Sleek design platform for mobile app design, driven through Sleek's REST API. The agent creates Sleek projects, designs screens from a brief in a create, chat, screenshot loop, authors or seeds a style direction, and then implements the resulting designs in React Native or HTML with acceptance checks against screenshots. The skill ships separate guides for designing, implementing, styling and the API endpoints.

When NOT to use

  • Without a Sleek account and API key — use mobile-app-design or mobile-app-ui-design instead
  • General mobile design guidance not requiring the Sleek platform
  • Figma-based workflows — use work-with-design-systems or claude2figma

Comments

Markdown supported