Communitygithub.com

design-inspo

Trouvez l'inspiration design à partir de sites de galeries organisées. Utilisez-le lorsque l'utilisateur a besoin de références UI/UX, d'exemples de conception ou d'inspiration pour des composants spécifiques (barres de navigation, CTA, sections hero, pages d'atterrissage, etc.), des sites complets, des produits SaaS, des applications mobiles, des animations, des icônes, du branding ou des systèmes de design.

Qu'est-ce que design-inspo ?

Cette compétence oriente la recherche en design vers la galerie organisée la plus pertinente en fonction des besoins de l'utilisateur. Elle couvre une large gamme d'éléments de design (composants, pages complètes, applications mobiles, animations, icônes, branding) et propose une table de correspondance rapide (plus de 10 sites spécialisés comme Landing Love, Saaspo, Mobbin). L'agent peut recommander 1 à 3 sites, ouvrir le site via le navigateur, réaliser des captures d'écran d'exemples spécifiques et combiner plusieurs sources selon le type de projet (page complète, composant, mobile, motion). La compétence s'appuie sur le catalogue étendu dans `references/catalog.md` pour des sites supplémentaires.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Inspiration Design

Orientez la recherche en design vers la galerie organisée la plus appropriée en fonction des besoins de l'utilisateur.

Recherche rapide

BesoinSiteURL
Design web (général)Curated Designcurated.design
Pages d'atterrissageLanding Lovelanding.love
Sites SaaSSaasposaaspo.com
Barres de navigation / navigationNavbar Gallerynavbar.gallery
Sections CTACTA Gallerycta.gallery
Animations / motionApp Motionappmotion.design
Applications mobiles (iOS/Web)Mobbinmobbin.com
Rebrandings / brandingRebrand Galleryrebrand.gallery
IcônesHuge Iconshugeicons.com
Systèmes de design / composantsComponent Gallerycomponent.gallery
Sections HeroHero Captureherocapture.com
Icônes 3DIcoonicoon.co

Comment utiliser

  1. Identifiez l'élément de design pour lequel l'utilisateur a besoin d'inspiration
  2. Recommandez 1 à 3 sites à partir du catalogue ci-dessus (le plus spécifique en premier)
  3. Ouvrez le site via l'outil navigateur si l'utilisateur souhaite parcourir des exemples en direct
  4. Capturez des exemples spécifiques lorsque l'utilisateur souhaite conserver des références visuelles

Parcourir les sites

Utilisez l'outil navigateur pour naviguer et capturer des galeries :

browser → naviguer vers l'URL du site
browser → prendre un instantané pour trouver des exemples
browser → faire une capture d'écran pour capturer des designs spécifiques

Pour Mobbin (nécessite un compte pour un accès complet), Navbar Gallery et Component Gallery, ces sites disposent de catégories structurées accessibles via leur barre latérale ou leur interface de filtre.

Quand plusieurs sites s'appliquent

  • Design de page complète → curated.design + landing.love
  • Composant spécifique → navbar.gallery / cta.gallery / component.gallery
  • Mobile-first → mobbin.com
  • Motion / interaction → appmotion.design (si disponible) + landing.love (contient des enregistrements vidéo)
  • Identité de marque → rebrand.gallery
  • Recherche d'icônes → hugeicons.com (2D) + icoon.co (3D)

Catalogue étendu

Pour des sites supplémentaires et des descriptions détaillées, consultez 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.

Skills associés