En

agent-skills

AI-Powered Mobile App UI Design Skill

开发流程 设计UI界面制作产品原型 通用 Updated 2026-08-02

Install & Use

Copy this prompt and send it to your AI assistant (Claude / Cursor / TRAE / Codex / WorkBuddy etc.) to auto-install:

Help me install this AI Skill: agent-skills.
It is used for: AI-Powered Mobile App UI Design Skill
Full Skill content: https://321skill.com/skills/agent-skills/raw/index.md
Read that page and install it.

The prompt includes a link to the full Skill content. You can also view the full content.

This Skill addresses the inefficiency and slow iteration cycles in the mobile app design process. Traditional UI design requires manually dragging components and repeatedly adjusting layouts, while designers or product managers often need to quickly validate interface concepts but are constrained by the complexity of tool operations. It allows you to describe design intent directly in natural language, with AI automatically generating editable mobile app interfaces, significantly shortening the cycle from idea to prototype.

Usage is straightforward: simply install the Skill and configure the Sleek API key (SLEEK_API_KEY) in your environment. You can then use natural language commands to create screens, design interfaces, and manage projects—for example, "Design a homepage with a top navigation bar and a card list" or "Add a dark-themed login page to this project." The AI will parse your instructions, call Sleek's API to generate the corresponding design drafts, and automatically sync them to your Sleek project space.

It is ideal for teams or individuals who need to rapidly produce mobile app interface prototypes. Particularly for product managers, UI designers, and front-end developers already using Sleek as their design tool, this Skill seamlessly integrates the design workflow with AI capabilities, greatly enhancing efficiency in scenarios such as requirement reviews, solution exploration, and client presentations.

We recommend using this tool consistently when you need to quickly validate multiple interface concepts or perform design iterations. Note that it primarily relies on the Sleek platform. Currently, the Skill only supports one mobile app design operation (design-mobile-apps) and requires a Sleek Pro account and a valid API key. Please create and configure the environment variable in the Sleek backend in advance.

Key Features

Unlike Figma's AI plugins (e.g., Magician), this Skill is deeply integrated into the Sleek design tool ecosystem. It is installed and managed via a unified CLI (`npx skills`), eliminating the need to switch between multiple tools. All design operations are driven by natural language commands, without relying on manual dragging.

Limitations

Requires a Sleek Pro account and a valid API key. Currently, it only supports mobile app design operations within the Sleek platform and cannot be used offline.

FAQ

What are the prerequisites for installing this Skill?

You need a Node.js environment installed, a Sleek Pro account, and an API key created from the Sleek backend, configured as the `SLEEK_API_KEY` environment variable.

Can it design web or desktop interfaces?

Currently, this Skill focuses on mobile app design. Support for other platforms may be added in the future. For now, please use Sleek's native tools for web or desktop design.

Installation guide for AI assistants

If your AI coding assistant (Claude Code, Cursor, TRAE etc.) can see this page, send it this message to auto-install:

Visit https://321skill.com/skills/agent-skills/raw/index.md to read the original Skill definition (Markdown format) for agent-skills, and install it according to the instructions.