Skills sleek-design-mobile-apps
📱

sleek-design-mobile-apps

Safe

Design Mobile Apps with AI

This skill enables Claude and Codex to design mobile app UIs using the Sleek AI design platform. Users describe what they want in plain language, and the skill creates projects, generates screens, and delivers rendered screenshots.

Supports: Claude Codex Code(CC)
📊 71 Adequate
1

Download the skill ZIP

2

Upload in Claude

Go to Settings → Capabilities → Skills → Upload skill

3

Toggle on and start using

Test it

Using "sleek-design-mobile-apps". Create a new project called 'Todo App' and design a task management interface

Expected outcome:

  • Project created: proj_abc123
  • Screen created: Home (scr_home) - Task list with add button
  • Screen created: Add Task (scr_add) - Input form with priority selector
  • Screen created: Settings (scr_settings) - Theme toggle, notification preferences
  • [Screenshots rendered and displayed]

Using "sleek-design-mobile-apps". Add a dark mode toggle to the settings screen

Expected outcome:

  • Screen updated: Settings (scr_settings)
  • Added toggle component for dark mode
  • [Screenshot of updated settings screen]

Security Audit

Safe
v1 • 3/1/2026

This skill is a legitimate API client for the Sleek mobile app design service. The static analyzer flagged patterns (external commands, network access, environment variables) but all are false positives - they represent expected API client behavior documented in SKILL.md. No malicious code execution, data exfiltration, or prompt injection was found.

1
Files scanned
435
Lines analyzed
0
findings
1
Total audits
No security issues found
Audited by: claude

Quality Score

38
Architecture
100
Maintainability
87
Content
30
Community
100
Security
91
Spec Compliance

What You Can Build

Rapid UI Prototyping

Quickly generate mobile app screen mockups by describing desired UI in plain language. Ideal for prototyping and iterating on design ideas.

Natural Language Design

Create mobile interfaces by describing features conversationally. The skill translates natural language into rendered UI components.

Automated Design Workflow

Integrate mobile UI generation into CI/CD pipelines or automated workflows. Use sync or async modes depending on timeout requirements.

Try These Prompts

Create New Project 
Create a new Sleek project called "[Project Name]" and design a basic app with a home screen, settings screen, and navigation.
Add Screen Features 
Add a pricing section with three pricing tiers to the [screen name] screen in project [project-id].
Generate App from Description 
Design a fitness tracking app with workout logging, progress charts, and social sharing features. Include a home dashboard, workout entry, and profile screen.
Edit Specific Screen 
Update the login screen in project [project-id] to include a "forgot password" link and social login buttons below the main form.

Best Practices

  • Use scoped API keys with minimum required permissions for better security
  • Use async mode with polling for long-running design generations to avoid timeouts
  • Always deliver screenshots after screen creation or modification as per the skill rules
  • Check project credits before large batch operations to avoid failures

Avoid

  • Do not send sensitive URLs in imageUrls field - Sleek servers will fetch them
  • Do not attempt concurrent runs on the same project - use polling instead
  • Do not assume sync mode will always complete within 300 seconds - have polling fallback
  • Do not use HTTP URLs - the API only accepts HTTPS

Frequently Asked Questions

How do I get started with this skill?
You need a Sleek API key from https://sleek.design/dashboard/api-keys. Set it as the SLEEK_API_KEY environment variable. The key requires a Pro+ plan for API access.
Can I design any type of mobile app?
Yes, you can describe any app type in natural language. The Sleek AI interprets your description and generates appropriate screens. Complex apps may need multiple iterations.
How do screenshots work?
After every screen creation or update, the skill automatically renders and displays screenshots. Use the background: 'transparent' option for versatile image usage.
What happens if my API key lacks required scopes?
The API returns 403 FORBIDDEN. Check that your key has the correct scopes: projects:read/write, components:read, chats:read/write, and screenshots.
Can I edit specific screens without regenerating everything?
Yes, use the target.screenId field in chat messages to direct changes to a specific screen. The skill will only update that screen.
Is my design data secure?
All API communication uses HTTPS and stays within the Sleek service. No third-party access. Use minimal API key scopes and consider short-lived keys for added security.

Developer Details

License

MIT

Repository

https://github.com/sleekdotdesign/agent-skills/tree/main/skills/design-mobile-apps/

Ref

main

File structure

📄 SKILL.md