How do I install the Design Inspo skill?

Run npx skillmds@latest add unisone/design-inspo in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Design Inspo safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Design Inspo?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Design Inspo free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Design Inspo?

unisone (@unisone) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Design Inspo by unisone — Agent Skill

Name: Design Inspo
Author: unisone

Design Inspo

Find design inspiration from curated gallery sites. Use when a user needs UI/UX references, design examples, or inspiration for specific components (navbars, CTAs, hero sections, landing pages, etc.), full websites, SaaS products, mobile apps, animations, icons, branding, or design systems. Helps select the right inspiration source and browse examples.

unisone Updated Sep 17, 2026

File contents

Design Inspiration

Route design research to the right curated gallery based on what the user needs.

Quick Lookup

Need	Site	URL
Web design (general)	Curated Design	curated.design
Landing pages	Landing Love	landing.love
SaaS websites	Saaspo	saaspo.com
Navbars / navigation	Navbar Gallery	navbar.gallery
CTA sections	CTA Gallery	cta.gallery
Animations / motion	App Motion	appmotion.design
Mobile apps (iOS/Web)	Mobbin	mobbin.com
Rebrands / branding	Rebrand Gallery	rebrand.gallery
Icons	Huge Icons	hugeicons.com
Design systems / components	Component Gallery	component.gallery
Hero sections	Hero Capture	herocapture.com
3D icons	Icoon	icoon.co

How to Use

Identify the design element the user needs inspiration for
Recommend 1-3 sites from the catalog above (most specific first)
Open the site via browser tool if the user wants to browse live examples
Screenshot specific examples when the user wants visual references saved

Browsing Sites

Use the browser tool to navigate and screenshot galleries:

browser → navigate to site URL
browser → snapshot to find examples
browser → screenshot to capture specific designs

For Mobbin (requires account for full access), Navbar Gallery, and Component Gallery — these have structured categories that can be navigated via their sidebar/filter UI.

When Multiple Sites Apply

Full page design → curated.design + landing.love
Specific component → navbar.gallery / cta.gallery / component.gallery
Mobile-first → mobbin.com
Motion/interaction → appmotion.design (if available) + landing.love (has video recordings)
Brand identity → rebrand.gallery
Icon search → hugeicons.com (2D) + icoon.co (3D)

Extended Catalog

For additional sites and detailed descriptions, see references/catalog.md.

---name: design-inspodescription: Find design inspiration from curated gallery sites. Use when a user needs UI/UX references, design examples, or inspiration for specific components (navbars, CTAs, hero sections, landing pages, etc.), full websites, SaaS products, mobile apps, animations, icons, branding, or design systems. Helps select the right inspiration source and browse examples.---# Design InspirationRoute design research to the right curated gallery based on what the user needs.## Quick Lookup| Need | Site | URL ||---|---|---|| Web design (general) | Curated Design | curated.design || Landing pages | Landing Love | landing.love || SaaS websites | Saaspo | saaspo.com || Navbars / navigation | Navbar Gallery | navbar.gallery || CTA sections | CTA Gallery | cta.gallery || Animations / motion | App Motion | appmotion.design || Mobile apps (iOS/Web) | Mobbin | mobbin.com || Rebrands / branding | Rebrand Gallery | rebrand.gallery || Icons | Huge Icons | hugeicons.com || Design systems / components | Component Gallery | component.gallery || Hero sections | Hero Capture | herocapture.com || 3D icons | Icoon | icoon.co |## How to Use1. **Identify the design element** the user needs inspiration for2. **Recommend 1-3 sites** from the catalog above (most specific first)3. **Open the site** via browser tool if the user wants to browse live examples4. **Screenshot specific examples** when the user wants visual references saved## Browsing SitesUse the browser tool to navigate and screenshot galleries:```browser → navigate to site URLbrowser → snapshot to find examplesbrowser → screenshot to capture specific designs```For Mobbin (requires account for full access), Navbar Gallery, and Component Gallery — these have structured categories that can be navigated via their sidebar/filter UI.## When Multiple Sites Apply- **Full page design** → curated.design + landing.love- **Specific component** → navbar.gallery / cta.gallery / component.gallery- **Mobile-first** → mobbin.com- **Motion/interaction** → appmotion.design (if available) + landing.love (has video recordings)- **Brand identity** → rebrand.gallery- **Icon search** → hugeicons.com (2D) + icoon.co (3D)## Extended CatalogFor additional sites and detailed descriptions, see [references/catalog.md](references/catalog.md).

Frequently asked questions