grid-sticker-generator
A universal 4x4 grid sticker generator. Uses strict visual guidelines (No Text, Transparent BG) and supports loading theme templates from references.
- Installs
- 50
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/guanyang/super-publisher --skill grid-sticker-generator- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads grid-sticker-generator automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Universal Grid Sticker Generator
这是一个通用的 Q 版表情包网格生成器。它定义了一套严格的视觉设计规范和提示词构建框架，用于生成高质量、易于切割的 4x4 表情包网格图。
🎨 核心视觉规范 (Visual Design Standards)
无论生成什么主题，以下规范 必须严格执行：
-
Format (格式):
- 网格布局: 16-grid sticker sheet, 4 rows by 4 columns (4x4 布局)。
- 间距: 彼此之间保持均匀、宽敞的间距，互不粘连 (Even spacing, no overlap)。
- 画幅: 1:1 正方形。
-
Style Constraints (风格约束):
- 背景: Transparent Background (Output image with transparent background).
- 边缘: No outline, No white border, Clean edges (无描边、无白边、边缘清晰).
- 风格: Vector style, Flat color, Organic shapes (矢量、扁平、有机形状).
-
Content Restrictions (内容禁忌):
- NO TEXT: 严禁出现汉字、英文、数字。
- NO BUBBLES: 严禁出现对话气泡。
- 纯视觉表达: 所有的情绪和梗必须通过肢体语言、表情和漫符 (如 💢, 💦, ❤️) 来表达。
📂 模板系统 (Template System)
本 Skill 支持加载不同的主题模板。模板位于 references/ 目录下。
默认模板：打工人 (Office Worker)
- Template File:
references/office_worker_template.md - Description: 包含“摸鱼”、“加班”、“画饼”等32个经典职场梗的随机库。
其它模板：咸鱼摆烂日常 (Slacker / Salted Fish Daily)
- Template File:
references/slacker_template.md - Description: 包含“躺平”、“吃瓜”、“熬夜”、“快乐水”等32个日常生活的摆烂与情绪梗。
其它模板：日常社交敷衍 (Daily Chat & Social Greetings)
- Template File:
references/daily_chat_template.md - Description: 包含“收到”、“点赞”、“谢谢”、“哈哈”等32个社交聊天高频互动的敷衍与情绪动作。
其它模板：猫咪萌宠日常 (Cute Cat & Pet Daily)
- Template File:
references/cute_pet_template.md - Description: 包含“歪头杀”、“伸懒腰”、“求摸肚皮”、“傲娇”、“拆家”等32个治愈系萌宠行为动作。
🛠️ 执行流程 (Execution Workflow)
-
确定主题与角色:
- 分析用户输入，确定角色形象（如：熊猫程序员、美少女战士产品经理）。
- 确定使用的模板（默认为 Office Worker，或用户自定义其他主题）。
-
构建 Prompt:
- Header: Load Role & Style from SKILL guidelines.
- Subject: "Cute Q-version character, [User Role Description]".
- Action List:
- 如果使用模板：从模板的库中抽取 (16 - N) 个动作补充到列表中。
- 如果无模板：根据主题生成 16 个多样化的通用情绪动作（喜怒哀乐、日常行为）。
- Negative Prompts:
text, words, letters, chinese characters, speech bubble, watermark, signature.
-
生成图像:
- 调用绘图工具 (
Nano-Banana Pro/generate_image) 输出图像。
- 调用绘图工具 (
使用示例
使用内置打工人模板:
"生成一个 '秃顶的猫咪程序员' 表情包。" (系统自动加载 office_worker_template.md 的梗库进行补全)
自定义主题 (不使用模板):
"生成一套 '快乐的小狗' 表情包，包含跑、跳、睡觉、吃骨头等动作。" (系统基于通用 4x4 规范，自由发挥小狗的日常动作)
FAQ
What does the grid-sticker-generator skill do?
A universal 4x4 grid sticker generator. Uses strict visual guidelines (No Text, Transparent BG) and supports loading theme templates from references.
How do I install grid-sticker-generator?
Run npx skills add https://github.com/guanyang/super-publisher --skill grid-sticker-generator in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/grid-sticker-generator/ (personal) or .claude/skills/grid-sticker-generator/ (project).
Which AI agents can use grid-sticker-generator?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is grid-sticker-generator safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains grid-sticker-generator?
It is published by guanyang in guanyang/super-publisher. It has 50 recorded installs.
More from guanyang/super-publisher
toutiao-publisher
guanyang/super-publisher
Publish or prepare articles for Toutiao/头条号, check or restore shared login state, fill Markdown drafts with inline images and covers, and optionally complete final publishing. Use for requests such as 发布到头条、检查头条登录、填充头条草稿、上传图文、人工审核 or explicitly authorized automatic publishing.
wechat-sticker-maker
guanyang/super-publisher
微信表情包制作工具。自动将六宫格、九宫格、十二宫格的原图裁剪并转换为符合微信表情包规范的格式（表情主图 240x240，聊天页图标 50x50）。
Popular frontend & design skills
setup-matt-pocock-skills
mattpocock/skills
Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
hyperframes-animation
heygen-com/hyperframes
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.
prototype
mattpocock/skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
vercel-react-best-practices
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.