·design-lookup
*

design-lookup

baphomet480/claude-skills

Suchen und rufen Sie CSS-Komponenten, SVG-Symbole, Designmuster und visuelle Inspirationen aus dem Web ab. Verwenden Sie diese Option, wenn der Benutzer CSS-Snippets, SVG-Symbole, UI-Komponenten, Lade-Spinner, Animationen, Design-Inspirationen oder andere visuelle/Frontend-Design-Ressourcen finden, nachschlagen oder suchen möchte. Wird bei Anfragen wie „Finde mir eine CSS-Schaltfläche“, „Suche einen SVG-Spinner“, „Suche nach einer Kartenkomponente“, „Finde eine Wellenteiler-SVG“ oder „Hol dir Designinspiration für ein Dashboard“ ausgelöst.

14Installationen·3Trend·@baphomet480

Installation

$npx skills add https://github.com/baphomet480/claude-skills --skill design-lookup

SKILL.md

Search the web for CSS components, SVG icons, animations, and design resources. Return usable code with attribution.

Bypasses Cloudflare protection and renders SPAs. Use this for sites that block WebFetch (CodePen, UIVerse, etc.).

When to use: After WebSearch finds promising URLs on Cloudflare-protected sites (CodePen, UIVerse, etc.), use this script to fetch the actual code.

Suchen und rufen Sie CSS-Komponenten, SVG-Symbole, Designmuster und visuelle Inspirationen aus dem Web ab. Verwenden Sie diese Option, wenn der Benutzer CSS-Snippets, SVG-Symbole, UI-Komponenten, Lade-Spinner, Animationen, Design-Inspirationen oder andere visuelle/Frontend-Design-Ressourcen finden, nachschlagen oder suchen möchte. Wird bei Anfragen wie „Finde mir eine CSS-Schaltfläche“, „Suche einen SVG-Spinner“, „Suche nach einer Kartenkomponente“, „Finde eine Wellenteiler-SVG“ oder „Hol dir Designinspiration für ein Dashboard“ ausgelöst. Quelle: baphomet480/claude-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/baphomet480/claude-skills --skill design-lookup
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-11
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist design-lookup?

Suchen und rufen Sie CSS-Komponenten, SVG-Symbole, Designmuster und visuelle Inspirationen aus dem Web ab. Verwenden Sie diese Option, wenn der Benutzer CSS-Snippets, SVG-Symbole, UI-Komponenten, Lade-Spinner, Animationen, Design-Inspirationen oder andere visuelle/Frontend-Design-Ressourcen finden, nachschlagen oder suchen möchte. Wird bei Anfragen wie „Finde mir eine CSS-Schaltfläche“, „Suche einen SVG-Spinner“, „Suche nach einer Kartenkomponente“, „Finde eine Wellenteiler-SVG“ oder „Hol dir Designinspiration für ein Dashboard“ ausgelöst. Quelle: baphomet480/claude-skills.

Wie installiere ich design-lookup?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/baphomet480/claude-skills --skill design-lookup Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/baphomet480/claude-skills