skill

creator-brand-skills

Open-source Agent Skills for Codex: clay logo renders and OBJ meshes, transparent PNG stickers, animated SVG icon sets, and reusable brand mascots.

AlbertAZ1992/creator-brand-skillscommunitylistedunreviewed

Use skill

Set up

Skills are installed by placing their folder where your agent loads skills.

Download ZIP from GitHub Open the repository

The download comes from github.com/AlbertAZ1992/creator-brand-skills itself, not from our server, so what you get is exactly what its author published.

Install instructions come from the README

Skills do not use an MCP config. Follow the steps in the README below.

README

synced Oct 23, 2026

Creator Brand Skills

Four open-source Agent Skills for turning product inputs into finished brand assets.

Clay logo renders and OBJ meshes · transparent PNG stickers · editable SVG icon families · reusable product mascots

English · 简体中文 · Install · Outputs · Icons Playground · Verify

One brand, four production routes

The same ALBERTAZ brand brief is carried through all four Skills. Each panel shows the locked input beside the actual files produced by that route—not a separate mockup made only for the README.

01 · Logo to Clay · clay render + 3D mesh	02 · Image to Sticker · transparent PNG

Locked wordmark → clay campaign render + real verified OBJ mesh	The same wordmark → classic, holographic, glitter, and reflective RGBA stickers
`$logo-to-clay`	`$image-to-sticker`

03 · Feature to Icons · animated SVG set	04 · Product to Mascot · character system

20 creator features → 20 editable SVGs with built-in motion	Product facts → folded-paper swift identity → five consistent poses
`$feature-to-icons`	`$product-to-mascot`

ALBERTAZ and Azi are repository-owned brand assets. Vite, JavaScript, React, Vue, Astro, TypeScript, Deno, Pip, and Mori remain in the deeper galleries as secondary stress tests and independent creative runs. Third-party names and marks remain the property of their respective owners, with no affiliation implied.

Marketing boards remain separate from clean deliverables and machine-checkable proof. Every board is built from outputs produced by the route its Skill documents.

Open the live animated-icons playground → Play, recolour, inspect, copy, or download the 20 real SVG deliverables shown above. The site is intentionally limited to Feature to Icons; the repository remains the home of all four Skills.

Start with one sentence

Goal	Paste into Codex
Make a clay logo	`Use $logo-to-clay to turn this logo into a refined clay render and OBJ mesh.`
Make a sticker	`Use $image-to-sticker to turn this artwork into a transparent contour sticker.`
Build an icon family	`Use $feature-to-icons to make consistent SVG icons for these product features.`
Design a mascot	`Use $product-to-mascot to turn these product facts into a reusable mascot system.`

Input → result → production files

Skill	Give it	Review this result	Keep these files and proof
`logo-to-clay`	One simple SVG/PNG logo, plus optional form, colour, depth, and background choices	Source-locked campaign render with visible clay depth; standalone object or relief mesh preview	Final image prompt/render; OBJ, MTL, bump PNG, 1024 px preview, geometry manifest
`image-to-sticker`	One transparent or flat-background logo, icon, wordmark, badge, or flat illustration	Complete source as a transparent die-cut sticker; optional contour colour, tilt, and four deterministic finishes	RGBA `sticker.png`, alpha proof, reproducible source card, topology/provenance manifest
`feature-to-icons`	3–20 feature names, product context, optional palette, motion, and style	Original hand-drawn feature icons by default; compact native system glyphs only when explicitly requested	One editable animated SVG per feature, playable HTML, SVG/PNG previews, spec, metadata, optical manifest
`product-to-mascot`	Product facts plus optional audience, personality, mascot type, medium, palette, or existing logo	Three genuinely different silhouettes, then one selected identity shown in five recognisable usage poses	V2 character bible, five full-size PNGs, 64 px contact-sheet review, verification manifest

Why the outputs hold up

Source-locked	Production-ready	Verified
Locks the supplied logo, artwork, feature meaning, or product facts before creative work starts	Returns real RGBA, SVG, OBJ/MTL, PNG, and JSON assets—not only a prompt or mockup	Runs alpha, geometry, provenance, optical, or identity checks and records the result

source truth → task spec → controlled generation
             → deterministic finishing → hard checks → proof → manifest

This boundary matters. The generated clay image can be expressive while the OBJ route remains deterministic. Sticker materials can look different while alpha geometry stays unchanged and small-viewBox SVGs stay crisp. Icons keep system controls undecorated on one pinned library while brand benefits require original custom geometry and distinct silhouettes. Mascot poses vary only after three directions are compared and the V2 identity contract is locked.

See the breadth, then inspect the proof

Skill	Portfolio view	Verification view
Logo to Clay	ALBERTAZ, Vite, and JavaScript clay runs with verified 3D assets	OBJ faces, material linkage, 1024 px preview, passing manifest
Image to Sticker	ALBERTAZ plus six open-source-tech source-to-sticker runs	Transparent asset, grayscale alpha proof, topology and provenance manifest
Feature to Icons	Twenty-icon ALBERTAZ animated hand-drawn creator set	Input brief plus actual SVGs, built-in wiggle motion, reduced-motion fallback, optical metrics
Product to Mascot	Azi, Pip, and Mori verified five-pose systems	Character bible, five full-size references, contact sheet, passing manifest

Install

Install from the published repository with the standard Skills CLI:

npx skills add AlbertAZ1992/creator-brand-skills

The interactive flow lets you choose one or more Skills, supported agents, and installation scope. Start a new Codex task after installation.

# Install all four globally for Codex
npx skills add AlbertAZ1992/creator-brand-skills \
  --skill '*' --global --agent codex --yes

# List or install one Skill
npx skills add AlbertAZ1992/creator-brand-skills --list
npx skills add AlbertAZ1992/creator-brand-skills \
  --skill image-to-sticker --global --agent codex

# Run once without keeping it installed
npx skills use AlbertAZ1992/creator-brand-skills@logo-to-clay --agent codex

Verify locally

./scripts/verify.sh

This runs lint, formatting, strict TypeScript checks, unit tests, behaviour evals, committed-example checks, and real deliverable validation for all four Skills. GitHub Actions runs the same package-level verification.

Requirements: Node.js 22 and npm. Regenerating every visual example also needs ImageMagick and jq (brew install imagemagick jq). Each Skill folder owns its SKILL.md, UI metadata, implementation, schemas, evals, and examples, so the four packages remain independently installable.

Versions and project health

Skill	Package version	Public deliverables
`logo-to-clay`	0.4.0	Raster render; OBJ, MTL, bump map, preview, manifest
`image-to-sticker`	0.4.0	RGBA sticker, alpha proof, source card, manifest
`feature-to-icons`	0.1.0	Animated SVG family, previews, playable HTML, manifest
`product-to-mascot`	0.1.0	Character bible, five reference PNGs, contact sheet, manifest

Toolkit releases, contribution rules, and private vulnerability reporting are documented in the changelog, contributing guide, and security policy.

License

MIT. See LICENSE. Package-specific third-party code notices are in THIRD_PARTY_NOTICES.md.