Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Mobile app screens with Sleek v1.0.0

Use this resource to design mobile app screens and turn them into code

New

  • 367 downloads
  • 249 likes
  • 148 saves
  • Sleek key required

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install sleek-mobile-design

With no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.

First time: connect the CLI with

npx --yes palatekit@latest login

The agent creates a Sleek project, writes the style direction, chats with the service to produce the screens and checks them with screenshots. It then converts the chosen design to React Native or HTML, with acceptance checks. You get starter screens ready to review and code that follows them.

Mostly picked by

Updated November 2, 2026

Mobile app screen mockups generated from a brief.

Details

Works in
Install guides
Generates with
Sleek
Uses
  • Sleek
  • Sleek account and API key
  • Expo or React Native for implementation
Licence
MIT

Similar resources

View all
  • Free

    Video

    App window with zoom

    • 365365 downloads
    • 125125 likes
    • 188188 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • Free

    Video

    One big number

    • 463463 downloads
    • 223223 likes
    • 100100 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Three bars head to head

    • 348348 downloads
    • 133133 likes
    • 182182 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Before / after slider

    • 322322 downloads
    • 248248 likes
    • 238238 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Three-card carousel

    • 418418 downloads
    • 157157 likes
    • 101101 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Chat exchange

    • 564564 downloads
    • 127127 likes
    • 161161 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Checklist ticking off

    • 442442 downloads
    • 233233 likes
    • 160160 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames

What you get

  • SKILL.md: how the API works, keys, errors and endpoints
  • designing.md: the design loop, style direction and screenshots
  • implementing.md: going from design to native or HTML code
  • endpoints.md and styling notes (NativeWind, StyleSheet, Uniwind)

Good fit for

  • Founder who wants to quickly visualize a mobile app idea
  • Designer looking for a first set of screens to refine
  • Team that wants to start from a design to produce React Native

Not for

  • Designing without a Sleek account or API key
  • An app that must follow an already fixed brand guide exactly
  • Regular websites with no mobile screens

Tags

  • mobile
  • app
  • mockup
  • react native
  • sleek

About

You say

"With the Sleek skill, design a workout tracking app in 5 screens, then implement it in React Native with Expo."

Mobile app screen mockups generated from a brief.

Skill published by Sleek (sleekdotdesign) under the MIT license.

Show more

Prerequisites

You bring
A Sleek API key and The app brief and the target style
Dependencies
Sleek account and API key and Expo or React Native for implementation
External costs
Sleek plan required for sustained use Billed by the provider, on your account.

How to use it

  1. Create a Sleek API key, or let the agent start the device-code sign-in.
  2. Describe the app and the style direction, then review the proposed screenshots.
  3. Ask for the chosen design to be implemented and for the acceptance checks.

Content preview

Files

  • designing.md7.7 KB
  • endpoints.md13.8 KB
  • implementing.md21 KB
  • LICENSE1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • SKILL.md8.4 KB
  • styling/nativewind.md4.8 KB
  • styling/stylesheet.md1.6 KB
  • styling/uniwind.md1.5 KB

Origin and licence

Modified by PalateKit

Author
sleekdotdesign
Source
github.com/sleekdotdesign/agent-skills/tree/fb90438ab2263b7a87cdce1ca7747d371fccb438/skills/design-mobile-apps
Licence
MIT

Notice

Version modifiée de « sleek-design-mobile-apps » (sleekdotdesign, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Is it free?

A free account gives trial credits for about one design run. Sustained use needs a paid Sleek plan, with pricing published by the service.

Does my data go to Sleek?

Yes: the briefs and messages the agent sends are processed by the Sleek service. Do not include confidential information.