Loading

draw-ui skill | PlugMCP

Skip to content

Directory Skills Categories Blog

Sign in Sign up

Home/Skills/draw-ui

draw-ui

O

by oil-oil499

UI design & mockup skill for Claude Code & Codex, from screenshot to code. 帮你出 UI 设计稿并还原成页面。

Install

The skill file stays in the publisher's repository.

Paste the copied command in a terminal. It installs this SKILL.md into that agent.

npx skills add oil-oil/draw-ui -a cursor -y

Download skill SKILL.md on GitHub

Related skills

O
oil-motion把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画：设计动作方向，生成关键帧与视频，整理成图集或视频，编译时间轴并接入运行时。用户需要角色转向、产品拆解、镜头穿越、一镜到底转场，或要清理、抠色、补帧、压缩绿幕视频与雪碧图时使用。不用于纯 CSS、JS、SVG、Lottie 或实时 3D 就能完成的界面过渡与微交互（交给普通前端实现），也不用于独
O
oil-motionWeb animation skill for Claude Code & Codex. 帮你做跟着滚动和鼠标动的网页动画。
B
beautify-github-readmeREADME design skill for Claude Code & Codex. 帮你把 GitHub README 做得好看又好懂。

Questions

How do I install draw-ui?: Download SKILL.md from the publisher, or copy the path and open the repository. PlugMCP lists the skill and does not host the file.
Where does draw-ui live?: The publisher keeps it at https://github.com/oil-oil/draw-ui.
Which agents can use draw-ui?: Claude, Cursor, and Codex can read a SKILL.md you add from the publisher's repository.

UI design & mockup skill for Claude Code & Codex, from screenshot to code. 帮你出 UI 设计稿并还原成页面。

SKILL.md is not stored on this record yet. Open it on GitHub.

How do I install draw-ui?: Download SKILL.md from the publisher, or copy the path and open the repository. PlugMCP lists the skill and does not host the file.
Where does draw-ui live?: The publisher keeps it at https://github.com/oil-oil/draw-ui.
Which agents can use draw-ui?: Claude, Cursor, and Codex can read a SKILL.md you add from the publisher's repository.

Plug any tool into any agent. MCP servers for people who do not write servers. Gateway for volume, n8n for apps.

github.com/TODO
x.com/TODO
linkedin.com/company/TODO

PlugMCP, 2026

Product

Browse
Install
Host your own
Pricing
Voice mode
Browser

Directory

All MCP servers
MCP Apps
Tools
Agent skills
Categories
New
Voice
Submit a server

Developers

Docs
Blog
Club
Work with us
What is MCP
What is WebMCP
Status

Company

About
Contact
Terms
Privacy
DPA