mook1594Skills in this pack
Generate UI mockup images as PNG using HTML/Tailwind CSS rendered via Playwright. Supports multiple device presets (iPhone, iPad, desktop). Use when creating visual prototypes or running /mockup.
EnglishUI Design & Frontend Skills
Explore the listed skills and choose the workflows that fit your task.
Supported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
Skills2CategoryproductStars0
What’s included
Mockup
Generate UI mockup images as PNG using HTML/Tailwind CSS rendered via Playwright. Supports multiple device presets (iPhone, iPad, desktop). Use when creating visual prototypes or running /mockup.
Tokens
디자인 결정을 CSS Custom Properties + Tailwind config 토큰으로 추출. 트리거: /tokens {feature-name}
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Example request
Use the Mockup skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- License details are not provided in these listings. Check the author’s terms before using the skills.