AI Plugin Indexn8n:design-system vs image
n8n:design-system and image are both design skills. image scores higher (89 vs 21 out of 100). image has more GitHub stars (19k), and image was updated more recently (yesterday). The table compares them side by side.
| n8n:design-system | image | |
|---|---|---|
| Score | 21 / 100 | 89 / 100 |
| What it does | Guidelines on using Design System styles and components. Use when working on .vue files in packages/frontend. Triggers for tasks that include component architecture, styling, UI changes, or feature work. | Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from JSON, creating social cards, or rendering AI-generated image specs. |
| Publisher | Community: clodoaldoperito-droid | Community: vercel-labs |
| Grades | Maintenance C, Licence F, Quality C | Maintenance A, Licence A, Quality A |
| npm downloads a week | Not on npm | Not on npm |
| Runs | Skill | Skill |
| Works with | Claude Code, Claude apps | Claude Code, Claude apps |
| GitHub stars | 1 | 18,773 |
| Last commit | 22 Jul 2026 | 23 Oct 2026 |
| Licence | None found | Apache-2.0 |
| Listed since | 20 Oct 2026 | 23 Oct 2026 |
| Install n8n:design-system | Install image |
Questions
Is n8n:design-system or image more popular?
image has more GitHub stars: 18,773.
Can I use n8n:design-system and image together?
Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.