Automatically arrange toolbar icons to Apple design guidelines

Upload a screenshot and icon set, and AI classifies and places each icon following Apple's interface guidelines.

How the work actually flows

A straight line. Runs once per each icon in the set.

Pattern: Sequence (1) ยท Multiple Instances with a priori Design-Time Knowledge (13)

flowchart TD trig(("screenshot and icons submitted")):::human s0[["classify each icon's role"]]:::mi s1["place icon in toolbar area"]:::task s2["reorder icons by usage frequency"]:::task s3["return structured placement list"]:::task trig --> s0 s0 --> s1 s1 --> s2 s2 --> s3 out[/"structured toolbar layout plan"/]:::out pay{{"consistent icon placement without manual review"}}:::pay s3 --> out out --> pay classDef task fill:#e7f6fe,stroke:#34b8f0,color:#2c2a29 classDef svc fill:#f6f8fa,stroke:#7c8795,color:#2c2a29 classDef mi fill:#e7f6fe,stroke:#0079a8,color:#2c2a29,stroke-width:2px classDef human fill:#fff,stroke:#0079a8,color:#0079a8 classDef store fill:#f6f8fa,stroke:#0079a8,color:#2c2a29 classDef trig fill:#00a4eb,stroke:#0079a8,color:#fff,font-weight:bold classDef trigtime fill:#00a4eb,stroke:#0079a8,color:#fff,font-weight:bold classDef trigdata fill:#8ad4f5,stroke:#0079a8,color:#06314c,font-weight:bold classDef gate fill:#fff,stroke:#e8a23d,color:#6b4708,font-weight:bold classDef out fill:#1f9d6b,stroke:#167a53,color:#fff,font-weight:bold classDef pay fill:#06314c,stroke:#021f33,color:#fff
A stepRuns once per itemA personResultPayoff
Build size
Standard

A mid-size build with several tools working together.

Business functions
AI Agents & Autonomous SystemsKnowledge Base & RAGSurvey & Feedback
Connects
Gemini

The problem it solves

You or your designers spend hours deciding where each toolbar icon should sit, second-guessing whether it follows platform conventions. Inconsistent icon placement confuses users and slows down design reviews.

Who it fits

App design teams and product designers building interfaces for Apple platforms.

How it works

  1. A screenshot and set of icons are submitted
  2. AI reviews the screen and classifies each icon's role
  3. It places each icon in the correct toolbar area based on Apple's guidelines
  4. Icons are reordered by how often they're likely to be used
  5. A structured list of icon placements is returned
What you get

A clean layout without redoing the icon work

You upload a screenshot and icon set and get back a placement plan that follows Apple's own interface guidelines.

What you get

A structured breakdown of where each toolbar icon should go, ready to hand to designers or developers.

What you need

A Google Gemini API key.

We can build this. But should you?

The hard question is not how to build it. It is whether this is the right thing to build first.

That is what a Fractional Chief AI Officer figures out with you, before anyone writes a line of code.

Let's Talk Strategy

Related automations

Auto-write blog posts and publish them to WordPress with images

Turns a content idea into a full blog post with a matching image and publishes it to WordPress.

Advanced

Turn a script and voice sample into an AI narration

Uploads a short voice sample and script, then generates a new narration that sounds like that voice.

Advanced

Write and publish WeChat articles automatically with AI images

Turns a single topic into a full WeChat article with an AI-generated cover image, ready in your drafts to review.

Advanced

Score support calls and email agents coaching feedback automatically

Scores uploaded call recordings for quality and risk, then emails personalized coaching to agents and supervisors.

Advanced
Back to the AI Playbook