SkillAgentSearch skills...

SupercutePSD

psd2html/css 一款psd生成h5的切图,样式布局脚本

Install / Use

/learn @leiroc/SupercutePSD
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

写在前面

此PS脚本主要实现以下功能:

  • 快速切图(切图是很费时间,利用插件切图能很大程度提高效率)
  • 快速布局、生成CSS、HTML(自动计算切图宽度、高度生成理想的DOM结构)

下面分别对以上功能做一些说明和解释,方便大家在使用过程中,自己灵活扩展

快速入门

  • 打开demo中的psd文件

  • 选择 文件->脚本->浏览 选择 supercutePSD.jsx 文件,显示如下:

    ![](data:image/png;base64,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

Related Skills

View on GitHub
GitHub Stars44
CategoryDevelopment
Updated4mo ago
Forks17

Languages

JavaScript

Security Score

77/100

Audited on Dec 9, 2025

No findings