SkillAgentSearch skills...

Photoshopr

Photoshop script that converts layer effects to CSS string in one click. It supports shadows, glows, gradient & color overlay, stroke, text-shadow & text-color and other.

Install / Use

/learn @scrapjs/Photoshopr
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

Photoshop extension that converts layer properties to CSS

The project is abandoned, might be useful only to fork

Besides, makes a plenty of other goods, as listed below.

But for now it is far from use. Currently developing graphics library – the basis for this plugin.

Features

  • Shadown and glows ⇝ box-shadow. <br/>Support of blending modes!
  • Overlays and layer fill ⇝ merged background.
  • Recognized rectangle ⇝ border-radius, transform, width and height.
  • Not rectangle vector mask ⇝ SVG in background: url(data:image/svg+xml,…).
  • Pattern fill ⇝ background: url(data:image/png,…)
  • Character & Paragraph ⇝ font-* & text-*.
  • Multiple selected layers ⇝ composite style.
  • Optional browser prefixes, color formats and other settings.

Usage

  1. Wait while developed and participate if you wish
  2. Install Photoshopr.exp as extension
  3. Open WindowExtensionsPhotoshopr
  4. Select layer and press Get CSS

License

I didn’t think about it yet. So, if you want to take it for free – you’re welcomed!

View on GitHub
GitHub Stars244
CategoryCustomer
Updated2mo ago
Forks19

Languages

JavaScript

Security Score

80/100

Audited on Jan 21, 2026

No findings