Jinghao Chen
Community@yinsheng1026 · China
Jinghao Chen's psd2code-next skill converts PSD/PSB desktop website designs into code-ready sections via preflight checks, font facts, and per-screen slicing.
Agent Skills by Jinghao Chen
Showing 1 vetted skills indexed across 1 GitHub repositories.
Frequently Asked Questions About Jinghao Chen
FAQPage SchemaWhat tasks can I perform with yinsheng1026's psd2code-next skill?▼
You can preflight PSD/PSB desktop website designs, extract font facts, recognize sections, persist design screenshots, support programmer decisions, and slice each screen. It uses real Photoshop Artboard boundaries automatically and never guesses sections or interactions from layer names.
Who is the target user for psd2code-next?▼
Frontend engineers and design-to-code practitioners who receive PSD/PSB desktop website mockups and need structured section detection, font facts, and per-screen slicing before implementation. Programmers stay in control when Artboards are missing or invalid.
How does psd2code-next handle missing or invalid Photoshop Artboards?▼
Valid Artboards are adopted automatically with their true boundaries and no confirmation needed. Only when an Artboard is missing or invalid does the skill request programmer confirmation before downgrading to a fixed 1920x1080 grid for slicing.
What are the runtime requirements for psd2code-next?▼
It requires Node.js 20 or later, npm, access to the local filesystem, and a host environment capable of executing non-interactive commands. The skill lives in the standalone tools/psd2code-next folder.
Is psd2code-next free and open source?▼
Yes. psd2code-next is released under the MIT license, permitting free use, modification, and distribution in personal and commercial projects, subject to the standard MIT license terms.