Mono Color
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork.
Install
npx skills add yanliudesign/mono-color-skill --skill mono-colorgit clone --depth 1 https://github.com/yanliudesign/mono-color-skill.git /tmp/mono-color-skill
mkdir -p ~/.claude/skills
cp -r /tmp/mono-color-skill/. ~/.claude/skills/mono-colorPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# Monocolor Editorial Print Turn any user theme or image into an original printed editorial artifact with one stable visual language: > adaptive neutral substrate + one or two inks + reproduced image + typographic tension + concise human voice Do not imitate any one reference. Recombine the system below into a new composition every time. ## Default Deliverable Create: 1. one final image-generation prompt; 2. one generated raster image; 3. a short recipe note naming palette, layout family, type pairing, and print process. Save generated files under `~/Desktop/Claude skills/mono-color/` when a file path is available. Create the folder if needed. Stop at prompt-only only when the user explicitly asks for it or no image-generation capability is available. ## Input Reading Extract four things before composing: - **Subject:** the one person, object, scene, or idea that must remain recognizable. - **Intent:** poetic observation, announcement, field note, personal statement, cultural poster, or specimen page. - **Words:** preserve exact supplied text in its original language. When no text is supplied, invent one English display phrase of 2-8 words and preserve it across retries. Omit display text only when the user explicitly requests a text-free image. - **Image role:** hero photograph, isolated specimen, cropped fragment, texture source, or no supplied image.
Details
- Skill name
mono-color- Repository
- yanliudesign/mono-color-skill
- License
- MIT
- Repo updated
- 2 September 2026
FAQ
What does the Mono Color skill do?
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork.
How do I install the Mono Color skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add yanliudesign/mono-color-skill --skill mono-color. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Mono Color popular?
It lives in yanliudesign/mono-color-skill, which has 3,558 GitHub stars and 111 forks.
Related skills
Oil UI
2.5koil-oil/oil-ui
设计、改进和评审网站、App、后台与组件的界面:探索设计方向、生成多风格同屏对比页,并基于真实截图打磨视觉层级;按请求交付对比页、设计说明、设计稿或可运行界面。只负责设计判断,不用于纯业务逻辑、接口构建、无界面变化的代码整理,或改法已完全明确的日常修改(如改文案、调数量、删指定元素、复用现有样式,哪怕带有“优化”字样)。已安装 oil-ui-pro 时交给 oil-ui-pro。
Sprite Gen
3.1kaldegad/sprite-gen
Generates images and game sprites through GPT or Grok with guided provider choices, separate saved defaults, automatic cleanup and optional curation. Handles sprite requests, ordinary image generation/editing, typography logos (로고, 타이포그래피, 타이틀 글자, 타이틀 로고, wordmark, logo, title lettering: a title screen drawn with the title in it, its lettering lifted out transparent), standalone image-to-video clips (i2v, animate this still, 그록 영상, 이매진 비디오, 스틸 움직여줘, first/last frame, reference-to-video, 영상 이어붙이기, 영상 편집, extend/edit a clip), clips from a video MCP on the agent (ZCRE, 지크 MCP), chroma removal, an
React Native Best Practices
1.7kcallstackincubator/agent-skills
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.
Onetake
3.6kfeitangyuan/onetake
Make short product / skill motion videos (10–30 s, narrated feature demos up to ~60 s) the way high-end launch clips are made — kinetic type, real UI as the material, a hand that causes every reaction, beats that carry into each other instead of replacing each other, hard cuts only where they mean something — without HyperFrames or Remotion. A single HTML composition where every value is a pure function of time, built from a library of measured moves (springs, entrances, carries, contact, camera), rendered frame by frame with real shutter motion blur (1080p30 drafts, 4K60 final), with synthesi
Markstream Angular
3kSimon-He95/markstream-vue
Integrate the alpha markstream-angular package into an Angular 20+ app. Use when Codex needs standalone component imports, signal-based examples, CSS wiring, custom HTML tags or customComponents setup, or optional peer integration in an Angular repository.
Figma Use
2.1kfigma/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.
Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.