Ip As Logo

Generate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and a dominant lower-left composition. Use when creating an animal, creature, robot, ghost, plant, object, or other character image, including when the agent should infer three product-relevant directions and propose six independent candidates for approval.

6,305 stars 306 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add s1dashu/ip-as-logo-skill --skill ip-as-logo
Manual install
git clone --depth 1 https://github.com/s1dashu/ip-as-logo-skill.git /tmp/ip-as-logo-skill
mkdir -p ~/.claude/skills
cp -r /tmp/ip-as-logo-skill/. ~/.claude/skills/ip-as-logo

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# IP as Logo

Create the simplest possible cute IP character: a compact, lovable symbol that remains recognizable at `32 × 32`, not a detailed character illustration.

## Workflow

1. Parse the request for an explicit IP subject and available product context. Do not ask the user to choose a color mode unless they explicitly want to control it.
2. When the user has not specified an IP subject and the current workspace is a product repository, inspect relevant read-only context before asking questions. Prefer the README, product docs, package or app metadata, landing-page copy, manifests, and design tokens. Treat context as sufficient when the product purpose, primary audience, and intended personality can be inferred with reasonable confidence.
3. When product context is insufficient, ask one consolidated round of background questions covering what the product does, who it serves, and how it should feel. Do not start a second background questionnaire. Continue with the best supported interpretation after the answer.
4. Once context is sufficient, always present three concise directions before generation and explicitly propose generating six independent candidates in one batch. Do not generate until the user agrees, unless the current request already explicitly authorizes six outputs or asks the agent to proceed without another confirmation.
5. Choose the three proposed directions deliberately:
Read the full skill on GitHub

Details

Skill name
ip-as-logo
License
MIT
Repo updated
30 October 2026

FAQ

What does the Ip As Logo skill do?

Generate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and a dominant lower-left composition. Use when creating an animal, creature, robot, ghost, plant, object, or other character image, including when the agent should infer three product-relevant directions and propose six independent candidates for approval.

How do I install the Ip As Logo skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add s1dashu/ip-as-logo-skill --skill ip-as-logo. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Ip As Logo popular?

It lives in s1dashu/ip-as-logo-skill, which has 6,305 GitHub stars and 306 forks.

Related skills

Srt Whiteboard Animation

5.2k

geeklee/srt-whiteboard-animation

将 SRT 字幕做成暖米黄纸张底的白板手绘动画:读字幕→输出配图策略→确认后生成统一风格线稿→按叙事语义标注分区→预览台调整→渲染 MP4。编排沿用分区遮罩揭示(annotation.json / sequence / startMs / protectedRegions),但每个区域内的落墨换成 stream 的连续笔迹(骨架/网格 ink→color)。当用户提供 SRT 字幕并要求"字幕做成白板手绘/流式笔迹视频""SRT 生成白板动画""按字幕分镜画手绘"时触发。

Frontend & Design822

Recommendation Canvas

7.8k

deanpeters/Product-Manager-Skills

Evaluate an AI product idea across outcomes, hypotheses, risks, and positioning. Use when deciding whether an AI solution deserves investment or recommendation.

Frontend & DesignIn 3 lists940

Figma Generate Library

2.1k

figma/mcp-server-guide

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. Also use when the user asks to create or generate any component in Figma — even a single one — since components require proper variable foundations, variant states, and design token bindings to be production-quality. This skill teaches WHAT to build and in WHAT ORDER

Frontend & DesignIn 1 list211

Problem Framing Canvas

7.8k

deanpeters/Product-Manager-Skills

Guide teams through MITRE's Problem Framing Canvas. Use when you need a clearer problem statement before jumping to solutions.

Frontend & DesignIn 3 lists940

Figma Use

2.1k

figma/mcp-server-guide

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.

Frontend & DesignIn 1 list211

Lean UX Canvas

7.8k

deanpeters/Product-Manager-Skills

Guide teams through Lean UX Canvas v2. Use when framing a business problem, surfacing assumptions, and defining what to learn next.

Frontend & DesignIn 3 lists940

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.