FreeWeb
SVG icons, illustrations and logos
- 371371 downloads
- 167167 likes
- 205205 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
UI mockups and wireframes v1.0.0
Use this resource to design mockups or wireframes of screens, pages or dashboards
New
- 474 downloads
- 156 likes
- 244 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install ui-mockup-wireframe-designWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent sets the viewport, fidelity level and number of screens, then draws each one at its real size. You get mockups exported as PNG or PDF, to approve before development.
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- Apache-2.0
Similar resources
View all- Free
FreeSkills
Simulated user walkthroughs and latent demand
- 400400 downloads
- 155155 likes
- 180180 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
UI motion: hover, transitions, gestures
- 600600 downloads
- 208208 likes
- 109109 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Design tokens: colour, spacing and dark mode
- 314314 downloads
- 142142 likes
- 243243 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeWeb
UI and API mock prototypes
- 426426 downloads
- 171171 likes
- 233233 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Design context extraction from Figma
- 412412 downloads
- 240240 likes
- 178178 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeWeb
Mockup-faithful HTML and CSS generation
- 512512 downloads
- 215215 likes
- 183183 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Frontend engineering orchestrator
- 422422 downloads
- 230230 likes
- 161161 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: screen scoping, fidelity and layout
- references/mockup.md and landing-page.md: screen and landing page mockups
- references/export.md: PNG or PDF export
Good fit for
- You want to see an app before coding it
- You are redesigning a homepage and want to compare options
Not for
Tags
- mockup
- wireframe
- interface
- design
About
You say
“Draw three mobile order-tracking screens at iPhone size, for approval.”
Skill published by moda-design under the Apache-2.0 license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to design mockups or wireframes of screens, pages or dashboards
- Review and adjust the result
Content preview
Files
- LICENSE11.3 KB
- NOTICE-PALATEKIT.md0.5 KB
- references/brand.md15.1 KB
- references/charts.md5.6 KB
- references/design-quality.md22 KB
- references/edit-code.md16.4 KB
- references/export.md8.1 KB
- references/gotchas.md8.6 KB
- references/landing-page.md6.3 KB
- references/markup.md23.7 KB
- references/mockup.md5.7 KB
- references/no-brand-design.md14.2 KB
- references/omni-and-media.md15.3 KB
- references/reading-and-verifying.md22.2 KB
- SKILL.md6.1 KB
Origin and licence
Listed unmodified
- Author
- moda-design
- Source
- github.com/moda-design/moda/tree/39dcc63fa62ea6a6b7cf186d1f0472f83fe43cca/skills/moda-mockup
- Licence
- Apache-2.0
Notice
« moda-mockup » (moda-design, Apache-2.0) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…