Communitygithub.com

디자인 영감

큐레이션된 갤러리 사이트에서 디자인 영감을 찾습니다. 사용자가 UI/UX 참고 자료, 디자인 예시, 특정 컴포넌트(내비바, CTA, 히어로 섹션, 랜딩 페이지 등), 전체 웹사이트, SaaS 제품, 모바일 앱, 애니메이션, 아이콘, 브랜딩, 디자인 시스템에 대한 영감이 필요할 때 사용합니다. 적절한 영감 소스를 선택하고 예시를 탐색하는 데 도움을 줍니다.

디자인 영감란 무엇인가요?

이 스킬은 사용자의 디자인 리서치 요구를 가장 적합한 큐레이션 갤러리 사이트로 연결해 줍니다. 다양한 디자인 요소(내비바, CTA, 히어로 섹션, 랜딩 페이지, SaaS 제품, 모바일 앱, 애니메이션, 아이콘, 브랜딩, 디자인 시스템)에 대한 영감을 제공하는 12개 이상의 전문 사이트를 포함하고 있습니다. 브라우저 도구를 통해 사이트를 직접 탐색하고, 스크린샷을 캡처하여 구체적인 시각적 참고 자료를 제공합니다. 사용자가 원하는 디자인 요소를 식별한 후 가장 구체적인 사이트부터 추천하며, 여러 사이트가 적용될 경우 우선순위에 따라 안내할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/unisone/openclaw-skill-suite/tree/main/skills/design-inspo

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

디자인 영감은(는) 무엇을 하나요?

디자인 리서치를 사용자의 필요에 따라 적절한 큐레이션 갤러리로 안내합니다.

빠른 조회

필요사이트URL
웹 디자인 (일반)Curated Designcurated.design
랜딩 페이지Landing Lovelanding.love
SaaS 웹사이트Saasposaaspo.com
내비바 / 네비게이션Navbar Gallerynavbar.gallery
CTA 섹션CTA Gallerycta.gallery
애니메이션 / 모션App Motionappmotion.design
모바일 앱 (iOS/웹)Mobbinmobbin.com
리브랜딩 / 브랜딩Rebrand Galleryrebrand.gallery
아이콘Huge Iconshugeicons.com
디자인 시스템 / 컴포넌트Component Gallerycomponent.gallery
히어로 섹션Hero Captureherocapture.com
3D 아이콘Icoonicoon.co

사용 방법

  1. 디자인 요소 식별: 사용자가 영감을 필요로 하는 디자인 요소를 파악합니다.
  2. 1~3개 사이트 추천: 위 카탈로그에서 가장 구체적인 사이트부터 먼저 추천합니다.
  3. 사이트 열기: 사용자가 실제 예시를 탐색하려는 경우 브라우저 도구를 통해 사이트를 엽니다.
  4. 특정 예시 스크린샷: 사용자가 시각적 참고 자료를 저장하려는 경우 스크린샷을 캡처합니다.

사이트 탐색

브라우저 도구를 사용하여 갤러리를 탐색하고 스크린샷을 캡처합니다:

browser → 사이트 URL로 이동
browser → 예시 찾기 위해 스냅샷
browser → 특정 디자인 캡처 위해 스크린샷

Mobbin(전체 접근에 계정 필요), Navbar Gallery, Component Gallery의 경우 사이드바/필터 UI를 통해 탐색할 수 있는 구조화된 카테고리가 있습니다.

여러 사이트가 적용되는 경우

  • 전체 페이지 디자인 → curated.design + landing.love
  • 특정 컴포넌트 → navbar.gallery / cta.gallery / component.gallery
  • 모바일 우선 → mobbin.com
  • 모션/상호작용 → appmotion.design (가능한 경우) + landing.love (비디오 녹화 포함)
  • 브랜드 아이덴티티 → rebrand.gallery
  • 아이콘 검색 → hugeicons.com (2D) + icoon.co (3D)

확장 카탈로그

추가 사이트 및 상세 설명은 references/catalog.md를 참조하세요.

Individual skills in this repo

This repo contains 10 individual skills — each has its own dedicated page.

astra-operator

Delegate computer-use and browser tasks to OpenAI

graphrag

Build a GraphRAG pipeline over documents. Use when plain vector search returns chunks without connections, when questions need multi-hop reasoning (

mundane-demos

Demo strategy that leads with mundane real-life utility instead of benchmarks. Use when presenting an AI agent or product to non-technical audiences. Covers picking tasks the viewer did this morning, showing end-to-end completion, and letting speed be the wow factor.

release-notes

Generate polished release notes from git history. Use when cutting a release, before publishing a GitHub release, or when you need a changelog from commits between two tags. Groups changes by type, surfaces breaking changes, and drafts highlights.

remotion-product-demos

Create Apple-keynote-quality product demo videos with Remotion. Covers glass phone mockups, floating 3D spheres, typing animations, card UIs, ripple effects, and smooth scene transitions. Use when asked to create product demos, app showcase videos, UI walkthrough animations, or

repo-security-scan

Scan a repository for high-signal security issues and produce a report. Use when auditing a codebase for leaked secrets or vulnerable dependencies, before a release, or when onboarding an unfamiliar repo. Runs gitleaks secret scanning and osv-scanner dependency checks.

secure-agent-design

Security architecture patterns for personal AI agents that touch real accounts. Use when designing an agent with access to inbox, calendar, finances, or shopping. Covers per-user isolated VMs, pre-action sentinel checks, least-privilege connectors, human approval gates, and single-use payment credentials.

testimonial-launch

Turn user testimonials into launch distribution. Use when launching a product or feature and you want real user proof to carry the announcement instead of marketing copy. Covers soliciting specific testimonials, curating them, and amplifying via quote-posts.

unisone/openclaw-skill-suite

Create Apple-keynote-quality product demo videos with Remotion. Covers glass phone mockups, floating 3D spheres, typing animations, card UIs, ripple effects, and smooth scene transitions. Use when asked to create product demos, app showcase videos, UI walkthrough animations, or

validator-quotes

Earn and deploy third-party validator quotes for a launch. Use when you need credibility beyond your own claims. Covers who to approach, how to get honest reactions, and how to amplify them via quote-posts, based on the founder/CEO validators behind the Muse launch.

관련 스킬