skills.rest
julilaoshijulilaoshiCommunity·1 Agent Skills Included

julilaoshi-design

Automated page design, canvas editing, and HTML export

Turns short design requests into editable first-pass pages through Pencil MCP or a free browser editor. Reads the canvas, batches layout changes, and reviews screenshots to eliminate manual pixel pushing. Supports moving, resizing, and styling elements directly in the browser with a standalone HTML export. Combines automated drafting with hands-on refinement so pages stay editable instead of becoming dead images.
117|11
↗
npx skills add julilaoshi/julilaoshi-design --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
julilaoshijulilaoshi

julilaoshi-design

Edit .pen files with Pencil MCP or tweak HTML in a browser editor.

Community
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install julilaoshi-design?▼

Run `npx skills add julilaoshi/julilaoshi-design --all -g -y` in your terminal to install the skill globally.

What does julilaoshi-design do?▼

It turns a short design request into an editable first-pass page, either by editing a Pencil .pen canvas through MCP or by tweaking layouts in a free browser editor that exports HTML.

Do I need to install Pencil to use it?▼

No. Web Editor Mode runs entirely in your browser with no app install or .pen file, while Pencil MCP Mode is optional for users who already have official Pencil installed.

Does julilaoshi-design work with Claude Code and Codex?▼

Yes. It follows the standard SKILL.md format, so any compatible coding agent can load it and follow its two-mode design workflow.

Can beginners use julilaoshi-design without design experience?▼

Yes. The browser-based Web Editor Mode lets beginners drag, resize, and style elements visually and export a finished HTML page without any setup.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills