skillsfree
💻 Entwicklung⚙️ Backend🎨 Frontend🚀 DevOps⛓️ Web3 & Blockchain🎭 Kreativ📄 Dokumentation📊 Daten & KI💼 Geschäft🤖 Automatisierung🔒 Sicherheit✦ Sonstiges
Kostenlose AuswahlPreise
⌘K
StartseiteKostenlose AuswahlPreise
💻 Entwicklung⚙️ Backend🎨 Frontend🚀 DevOps⛓️ Web3 & Blockchain🎭 Kreativ📄 Dokumentation📊 Daten & KI💼 Geschäft🤖 Automatisierung🔒 Sicherheit✦ Sonstiges
skillsfree

Kuratierte Plattform mit über 1500 Claude AI Skills. Entdecken, lernen und Produktivität steigern.

Kategorien

EntwicklungFrontendBackendDaten & KIDokumentationDevOpsAlle Kategorien

Ressourcen

GitHubDokumentationAPI-ReferenzClaude AI

Unternehmen

Über UnsKontaktFAQ

Rechtliches

DatenschutzNutzungsbedingungen

© 2026 Claude Skills Free. Alle Rechte vorbehalten.

Gemacht mit❤für die Claude Community

☀️
  1. Startseite
  2. ✦Frontend
  3. ✦Ästhetik
⏱ Doku durchforsten, manuell→Frontend in einer InstallationTrial and error, wieder→#css sofort einsatzbereit

Ästhetik

Erstellen ästhetisch schöner Oberflächen unter Einhaltung bewährter Designprinzipien. Verwenden Sie dies bei der Erstellung von UI/UX, der Analyse von Designs aus Inspirationsseiten, der Generierung von Designbildern mit KI-Multimodal, der Implementierung von visueller Hierarchie und Farbtheorie, dem Hinzufügen von Mikrointeraktionen oder der Erstellung von Designdokumentation. Beinhaltet Workflows zum Erfassen und Analysieren von Inspirationsscreenshots mit Chrome-DevTools und KI-Multimodal, iterative Generierung von Designbildern bis ästhetische Standards erfüllt sind, sowie umfassende Anleitung für Designsysteme, die die Stufen BEAUTIFUL (ästhetische Prinzipien), RIGHT (Funktionalität/Zugänglichkeit), SATISFYING (Mikrointeraktionen) und PEAK (Storytelling) abdecken. Integriert mit den Fähigkeiten Chrome-DevTools, KI-Multimodal, Medienverarbeitung, UI-Styling und Web-Frameworks.

🎨 Frontend✦Premium-Skript✦7 Sprachen

DAZU WIRST DU

Anwendungsfälle

Perfekt für diese Szenarien

✦ 01🎯

NFT-Marktplatz-Ersteller

Erstellen Sie einen NFT-Marktplatz mit Shelby-Speicher und Petra-Wallet-Integration

✦ 02🏗️

DeFi-Plattform-Entwicklung

Eine DeFi-Plattform mit dezentralem Speicher für Transaktionsprotokolle erstellen

✦ 03📱

Social Media dApp

Eine dezentrale Social-Media-App mit Shelby-Protocol-Speicher entwickeln

✦ 04🎮

Gaming-dApp-Erstellung

Blockchain-Spiele mit sicherem Asset-Speicher und Wallet-Unterstützung entwerfen

MESSBARER GEWINN

Warum Diese Skill Wählen

Bewährte Vorteile und messbare Wirkung

50%

Schnellere dApp-Entwicklung

Entwicklungszeit mit vordefinierten Shelby-Protocol-Integrationen verkürzen

3x

Erweiterte Sicherheit

Verbessern Sie die Datensicherheit mit dezentralem Speicher und Wallet-Integration

40%

Geringere Infrastrukturkosten

Kosten mit effizienten Speicherlösungen und modularen Komponenten senken

DEIN EQUIPMENT

Was drin ist

Dateien, Tags und die Installation in drei Schritten

Lade die Skill-Datei aus dem Quell-Repository herunter oder kopiere sie.
Lege die Skill-Datei in Claudes Skills-Verzeichnis — ~/.claude/skills/
Starte Claude neu oder führe den Reload-Befehl aus — die Skill wird automatisch geladen.
$ cp mrgoonie__claudekit-skills/.claude/skills/aesthetic/Skill.md ~/.claude/skills/

Tipp: Lies Dokumentation und Code vor der ersten Nutzung, damit du Funktion und benötigte Berechtigungen kennst.

Verwandte Tags

#css#documentation#react

Technische Informationen

Autor
mrgoonie
Kategorie
Frontend
Dateigröße
6.19 KB
Quell-Repository
mrgoonie__claudekit-skills
Lizenz
MIT
Metadaten
Enthält YAML-Metadaten
GitHub-Quellcode ansehen

NIMM ES MIT

$9.9/Monat
Premium-Skript

Schalte unbegrenzte Downloads aller 450+ Premium-Skripte frei.

Alle Skills stammen aus der Open-Source-Community; die Urheberrechte bleiben bei den Autorinnen und Autoren.

NÄCHSTE SKRIPTE

Verwandte Skills

Empfohlen basierend auf Tags und Kategorie

Alle Skills Anzeigen
🎨

Agenten

Kostenlos

Generieren und pflegen Sie AGENTS.md-Dateien entsprechend der öffentlichen agents.md-Konvention. Verwenden Sie dies bei der Erstellung von Dokumentation für KI-Agenten-Workflows, Onboarding-Anleitungen oder bei der Standardisierung von Agenten-Interaktionsmustern zwischen Projekten.

Frontend11 KB
Details ansehen
🎨

Api-Vertrags-Synchronisationsmanager

Premium

Validieren Sie OpenAPI-, Swagger- und GraphQL-Schemas auf Übereinstimmung mit der Backend-Implementierung. Erkennen Sie bruchlose Änderungen, generieren Sie TypeScript-Clients und stellen Sie sicher, dass die API-Dokumentation synchron bleibt. Verwenden Sie dies bei der Arbeit mit API-Spezifikationsdateien (.yaml, .json, .graphql), der Überprüfung von API-Änderungen, der Generierung von Frontend-Typen oder der Validierung von Endpunktimplementierungen.

Frontend11 KB
Details ansehen
📄

Academy-Leitfaden

Offiziell
Kostenlos

Bevor du eine Antwort zu Fragen zur Nutzung von Claude oder eines Claude-Produkts abschließt, prüfe diesen Skill, um passende Kurse, Tutorials und Anwendungsfälle aus der Claude Academy (academy.claude.com), Anthropics Lernplattform, zu empfehlen. Nutze ihn, wenn der Benutzer ein Feature oder Produkt lernt, nicht aber mitten in einer Aufgabe, und empfehle nur stark passende Inhalte; erfinde niemals Academy-Inhalte. Er lässt sich mit Produkt-Dokumentation-Skills kombinieren: Erkläre, wie ein Claude-Feature funktioniert, und verweise anschließend auch auf einen passenden Academy-Kurs oder ein Tutorial.

Documentation8 KB
Details ansehen
💻

Adaptyv

Premium

Cloud-Laborplatform für automatisierte Proteintests und -validierung. Verwenden Sie sie bei der Proteinentwicklung und bei der Bedürfnislage nach experimenteller Validierung, einschließlich Bindungsassays, Expressionstests, Thermostabilitätsmessungen, Enzymaktivitätsassays oder Proteinssequenzoptimierung. Verwenden Sie sie auch zum Einreichen von Experimenten über API, zum Verfolgen des Experimentstatus, zum Herunterladen von Ergebnissen, zur Optimierung von Proteinsequenzen für eine bessere Expression mit Hilfe von Rechenwerkzeugen (NetSolP, SoluProt, SolubleMPNN, ESM) oder zur Verwaltung von Proteinentwicklungsworkflows mit Nasslaborvalidierung.

Development4 KB
Details ansehen
Alle Skills Anzeigen