Run any Skill in Manus with one click

icon-from-scratch

Stars0

Forks0

UpdatedJune 15, 2026 at 11:47

Guide concept-to-icon when there is no logo file yet. Use when icon-composer context reports from-scratch or the user wants a new app icon without source art.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

Eyadkelleh

Eyadkelleh/icon-composer-cli

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

name	icon-from-scratch
description	Guide concept-to-icon when there is no logo file yet. Use when icon-composer context reports from-scratch or the user wants a new app icon without source art.

From scratch → first icon

v1 does not generate raster art inside the CLI. Produce a glyph first (design tool, export PNG/SVG), then use the CLI.

Steps

Environment:

icon-composer install-skills
icon-composer doctor

Define constraints with the user: brand color (hex), simple glyph shape, light vs dark emphasis.
Place art under assets/ or logo/:

assets/logo.svg   # or logo.png

Re-scan:

icon-composer context --json

Follow icon-from-logo for bundle creation, glass, preview, and export.

Design checklist (iOS 26 Liquid Glass)

Simple silhouette reads at small sizes
Strong contrast between glyph and background fill
Avoid fine text in the glyph
Plan dark appearance early (appearance command)

More from this repository

same repository

icon-app-store-export

Eyadkelleh/icon-composer-cli

Export App Store Connect marketing icon (1024 flat PNG, no alpha). Use when submitting to App Store, fixing ITMS-90717, or context reports app-store.

2026-06-150

icon-composer

Eyadkelleh/icon-composer-cli

Route app icon workflows with icon-composer CLI — detect entry point via `icon-composer context`, then use from-logo, polish-bundle, xcode-wire, app-store-export, or from-scratch skills. Use when creating iOS 26+ Liquid Glass icons, .icon bundles, or App Store marketing assets.

2026-06-150

icon-from-logo

Eyadkelleh/icon-composer-cli

Create a Liquid Glass .icon bundle from an existing logo PNG or SVG. Use when icon-composer context reports has-logo or the user has a logo file but no app icon bundle yet.

2026-06-150

icon-polish-bundle

Eyadkelleh/icon-composer-cli

Inspect and refine an existing .icon bundle — glass, appearances, layers. Use when icon-composer context reports existing-bundle or the user already has a .icon directory.

2026-06-150

icon-xcode-wire

Eyadkelleh/icon-composer-cli

Wire a .icon bundle into an Xcode project asset catalog. Use when icon-composer context reports xcode-project or the user has an .xcodeproj but no App Icon in Assets.xcassets.

2026-06-150

name	icon-from-scratch
description	Guide concept-to-icon when there is no logo file yet. Use when icon-composer context reports from-scratch or the user wants a new app icon without source art.

From scratch → first icon

v1 does not generate raster art inside the CLI. Produce a glyph first (design tool, export PNG/SVG), then use the CLI.

Steps

Environment:

icon-composer install-skills
icon-composer doctor

Define constraints with the user: brand color (hex), simple glyph shape, light vs dark emphasis.
Place art under assets/ or logo/:

assets/logo.svg   # or logo.png

Re-scan:

icon-composer context --json

Follow icon-from-logo for bundle creation, glass, preview, and export.

Design checklist (iOS 26 Liquid Glass)

Simple silhouette reads at small sizes
Strong contrast between glyph and background fill
Avoid fine text in the glyph
Plan dark appearance early (appearance command)