skills.rest
qbstabletampa-creator
qbstabletampa-creatorCOMMUNITY
Explore all skills by this author →
GitHub

sleek-design-mobile-apps

Design mobile app screens via the Sleek REST API and render screenshots.

Updated May 28, 2026
Search Tags:#screenshots#prototyping#React Native#REST API#mobile app design#UI generation#sleek
One-click install
npx skills add https://github.com/qbstabletampa-creator/firmware-foundation-studios --skill sleek-design-mobile-apps-qbstabletampa-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sleek-design-mobile-apps
Source: https://github.com/qbstabletampa-creator/firmware-foundation-studios/tree/main/archive/apps/manna-catch/.agents/skills/design-mobile-apps
Command: npx skills add https://github.com/qbstabletampa-creator/firmware-foundation-studios --skill sleek-design-mobile-apps-qbstabletampa-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing mobile app UI screens normally requires manual design work in tools like Figma. This Skill lets you create projects, describe screens in plain language, and receive rendered mobile app designs through the Sleek REST API. ## Core Features & Use Cases - Project and screen management: Create, list, and delete Sleek projects, and list or fetch components (screens) with their full HTML code. - Natural-language design generation: Send chat messages describing the app or screen you want, poll the async run status, and get back created or updated screens. - Screenshot rendering: Render PNG or WebP screenshots of components with configurable scale, padding, background, and corner radius. - Use Case: Ask for a running tracker app, let Sleek generate the screens, screenshot each one for review, then fetch the component HTML to implement the design in React Native with matching Iconify icons and Google Fonts. ## Quick Start Ask the agent to design a mobile app for your idea using Sleek, then show screenshots of the generated screens.

Frequently Asked Questions about sleek-design-mobile-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a mobile app with the Sleek API?▼

Create a project with POST /api/v1/projects, then send a chat message describing the app to POST /api/v1/projects/:id/chat/messages. Poll the run status until completed, then render screenshots of the resulting components.

How to render screenshots of Sleek components?▼

Send POST /api/v1/screenshots with the componentIds from the chat run operations, plus optional format, scale, padding, and background settings. The response is a raw PNG or WebP binary image.

What API key scopes does Sleek require?▼

Sleek API keys use scopes like projects:read, projects:write, components:read, chats:read, chats:write, and screenshots. Create keys at sleek.design/dashboard/api-keys with only the scopes needed; API access requires a Pro plan or higher.

Why does Sleek return 409 CONFLICT when sending a chat message?▼

Only one chat run can be active per project at a time. A 409 means another run is still in progress; poll the existing run until it reaches completed or failed before sending the next message.

Can I implement Sleek designs in React Native or Expo?▼

Yes. Fetch the component HTML code as the implementation reference and use screenshots as the visual target. Embed Iconify SVGs via react-native-svg's SvgXml, since @expo/vector-icons does not support the Solar, Hugeicons, or Material Symbols sets.

Related Skills

Explore More Design & Creative Skills→
aboul3ataaboul3ata
431

lazyweb-design-research

Collect app screenshots and live web captures into an HTML design research report.

Community
Advanced
partme-aipartme-ai
610

react-native

Provides comprehensive guidance for developing cross-platform mobile applications with React Native.

Official
Intermediate
Owl-ListenerOwl-Listener
2.5k

critique-brand-consistency

Reviews rendered screens against mood, voice, and design token reference files for brand compliance.

Community
Intermediate
NagyViktNagyVikt
2

figma-generate-design

Generate and synchronize Figma screens from source code UI structures.

Community
Advanced