前端设计权限需确认github未标认证来源可访问clear审计通过

sprite-sheet-generator（精灵表生成器）

Agent Skill

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。

总安装

1,925

周安装

GitHub Stars

下载量

674

CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息，不托管安装包，也不代用户安装。

GitHub

来源数

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手，先确认命令和权限，再让它执行。

请帮我安装这个 Agent Skill：sprite-sheet-generator（精灵表生成器）
来源仓库：https://github.com/dkyazzentwatwa/chatgpt-skills
仓库路径：skills/sprite-sheet-generator
安装命令：
npx skills add https://github.com/dkyazzentwatwa/chatgpt-skills --skill sprite-sheet-generator
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异；本站展示可直接复制的安装命令，安装前请核对来源页面。

skills.shnpx skills

npx skills add https://github.com/dkyazzentwatwa/chatgpt-skills --skill sprite-sheet-generator

简介

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。

适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码。
使用时需结合项目现有设计系统、路由和构建方式，避免只生成孤立片段。
涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
安装前建议核对仓库维护状态及是否会触发联网、命令执行或文件读写。

SKILL.md

Sprite Sheet Generator

Combine multiple images into optimized sprite sheets with CSS generation.

Features

Grid Layouts: Auto or custom grid arrangements
Smart Packing: Optimize sprite placement
CSS Generation: Auto-generate sprite CSS classes
Transparent Backgrounds: Preserve alpha channels
Padding/Margins: Control spacing between sprites
Batch Processing: Process multiple sprite sets

Quick Start

from sprite_sheet_generator import SpriteSheetGenerator

gen = SpriteSheetGenerator()
gen.add_images_from_dir('icons/')
gen.generate(output='sprites.png', grid=(4, 4))
gen.generate_css('sprites.css', class_prefix='icon')

CLI Usage

python sprite_sheet_generator.py --input icons/ --output sprites.png --grid 4x4 --css sprites.css

Dependencies

pillow>=10.0.0

适合场景

用户想查找某类 Agent Skill 时

需要根据任务场景推荐可安装能力包时

需要对比不同来源的安装命令和来源信息时

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明，方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用；具体调用方式请以来源页面和 README 为准。

平台分布

OpenCode

31.04%

按下载量换算209

Claude Code

24.65%

按下载量换算166

Codex

17.02%

按下载量换算115

Gemini CLI

13.25%

按下载量换算89

Antigravity

9.12%

按下载量换算61

windsurf

3.48%

按下载量换算23

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

权限需确认

当前来源未能明确判断权限范围，默认进入异常复核队列。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

来源信息

GitHub 仓库

github.com

/dkyazzentwatwa/chatgpt-skills

SKILL.md 来源

github.com

/dkyazzentwatwa/chatgpt-skills/tree/main/skills/sprite-sheet-generator

skills-sh

skills.sh

/dkyazzentwatwa/chatgpt-skills/sprite-sheet-generator

agentskills-to

agentskills.to

/dkyazzentwatwa/chatgpt-skills/sprite-sheet-generator

继续浏览同类 Skills

更多前端设计 Skills（10,216）返回 Skills 目录

上一个 Skill

sprint-retrospective（冲刺回顾）

用于处理 Jira 项目、任务、缺陷、Sprint、负责人和状态流转。它适合让 Agent 辅助查询工单、汇总迭代进展、创建任务或整理需求和缺陷信息。使用时要确认项目权限、字段配置和工作流规则，不同团队的 Issue 类型、状态和必填字段可能不同；涉及批量改状态、改负责人或创建工单时，应先预览变更内容再执行。

下一个 Skill

sql-query-optimization（SQL query optimization 前端）