Communitygithub.com

Dragoon0x/everything-design-taste

Kuratierung von Portfolios, Auswahl von Fallstudien und Strategie zur Portfolio-Präsentation.

Was ist everything-design-taste?

Dieses Skill hilft Designern und Entwicklern, ein überzeugendes Design-Portfolio aufzubauen. Es konzentriert sich auf die strategische Kuratierung von 3-5 starken Fallstudien, wobei Qualität vor Quantität steht. Die Struktur jeder Fallstudie wird detailliert beschrieben: von einem Hero-Bild über eine einzeilige Zusammenfassung bis hin zu Problemlösung und Auswirkungen. Zudem werden die Bewertungskriterien von Personalverantwortlichen hervorgehoben, darunter Denkweise, handwerkliche Ausführung, Wirkung und Selbstreflexion. Das Skill behandelt auch die Gestaltung der Portfolio-Website selbst als eigenständiges Portfolio-Stück mit Fokus auf schnelle Ladezeiten, mobile Optimierung und einfache Navigation. Es ist plattformunabhängig und kann in Verbindung mit Agenten wie Claude Code, Cursor oder Codex verwendet werden, um die Portfolio-Erstellung zu automatisieren oder zu verbessern.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Dragoon0x/everything-design-taste/tree/HEAD/skills/design-portfolio-building
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Design-Portfolio-Erstellung

Portfolio-Strategie

Kuratierung

  • 3-5 starke Fallstudien. Qualität schlägt Quantität.
  • Zeige Bandbreite: verschiedene Projekttypen, Branchen oder Fähigkeiten.
  • Beginne mit deinem stärksten Stück.
  • Entferne alles, worüber du nicht selbstbewusst sprechen kannst.

Fallstudien-Struktur

  1. Hero-Bild/-Video (das beste visuelle Element aus dem Projekt).
  2. Einzeilige Projektzusammenfassung.
  3. Rolle + Zeitplan + Team.
  4. Problem + Prozess + Lösung + Auswirkungen.
  5. 1.500–2.500 Wörter. Straffe Bearbeitung.

Worauf Prüfer achten

  • Denkweise: Wie du Probleme angehst (nicht nur das Ergebnis).
  • Handwerk: Ausführungsqualität und Liebe zum Detail.
  • Wirkung: Hat es funktioniert? Wie weißt du das?
  • Kommunikation: Kannst du deine Entscheidungen klar erklären?
  • Selbstreflexion: Was würdest du anders machen?

Portfolio-Webseiten-Design

  • Die Webseite selbst ist ein Portfolio-Stück. Behandle sie entsprechend.
  • Schnelle Ladezeiten (niemand wartet auf die langsame Seite eines Designers).
  • Mobilfreundlich.
  • Klare Navigation zwischen den Projekten.
  • Kontaktdaten leicht auffindbar.
  • Kein Passwortschutz (Personalverantwortliche werden keinen Zugriff beantragen).

Individual skills in this repo

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

Dragoon0x/everything-design-taste

Page transition choreography, staggered animations, and orchestrated motion sequences.

Dragoon0x/everything-design-taste

Hero section design patterns beyond the generic centered layout.

Dragoon0x/everything-design-taste

Landing page copywriting patterns including headlines, value propositions, and conversion-focused writing.

Dragoon0x/everything-design-taste

Landing page structure, conversion optimization, hero design, and landing page testing.

Dragoon0x/everything-design-taste

Designing for multiple languages, RTL support, date/number formatting, and cultural considerations.

Dragoon0x/everything-design-taste

Micro-interaction animation design, state transitions, and feedback animations.

Dragoon0x/everything-design-taste

A reference library of common micro-animations with CSS/JS implementations.

Dragoon0x/everything-design-taste

Motion design review, animation performance, and motion consistency checking.

Dragoon0x/everything-design-taste

Animation purpose, timing, easing philosophy, and motion as a design language element rather than decoration.

Dragoon0x/everything-design-taste

Pricing page layout, plan comparison, feature matrices, and pricing tier presentation.

Dragoon0x/everything-design-taste

Pricing page design, plan comparison, feature matrices, pricing psychology, and upgrade flows.

Dragoon0x/everything-design-taste

Video background design, hero videos, and video performance.

Dragoon0x/everything-design-taste

Pre-launch waitlist design, launch pages, and early access patterns.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community