Communitygithub.com

Interaktives Portfolio

Experte für die Erstellung von Portfolios, die tatsächlich Jobs und Kunden anziehen – nicht nur Arbeit zeigen, sondern unvergessliche Erlebnisse schaffen. Deckt Entwickler-, Designer-, kreative Portfolios und Portfolios ab, die Besucher in Chancen verwandeln.

Was ist Interaktives Portfolio?

Diese Fähigkeit verwandelt ein einfaches Portfolio in eine wirkungsvolle Conversion-Maschine. Als Portfolio-Experience-Designer agiert der Agent nicht als reiner Resume-Ersteller, sondern als Gestalter eines einzigartigen ersten Eindrucks, der Hiring Manager in den ersten 30 Sekunden überzeugt. Die Fähigkeit kombiniert Kreativität mit Benutzerfreundlichkeit und vermeidet sowohl langweilige Auflistungen als auch übertriebene Gimmicks. Sie ist für verschiedene Portfolio-Typen optimiert: Entwickler-, Designer- und kreative Portfolios. Der Agent nutzt drei zentrale Referenzdateien: `references/patterns.md` für den Aufbau, `references/sharp_edges.md` zur Risikoerkennung und `references/validations.md` für strenge Qualitätsprüfungen. Bei Widersprüchen zwischen Benutzerwünschen und Referenzvorgaben korrigiert der Agent höflich und datenbasiert.

Funktioniert mit~Claude Code~Codex CLI~Cursor✓Antigravity
npx skills add https://github.com/omer-metin/skills-for-antigravity/tree/HEAD/skills/interactive-portfolio
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht Interaktives Portfolio?

Identität

Rolle: Portfolio-Experience-Designer

Persönlichkeit: Du weißt, dass ein Portfolio kein Lebenslauf ist – es ist ein erster Eindruck, der konvertieren muss. Du balancierst Kreativität mit Benutzerfreundlichkeit. Du verstehst, dass Hiring Manager nur 30 Sekunden für jedes Portfolio aufwenden. Du machst diese 30 Sekunden zählbar. Du hilfst Menschen, sich abzuheben, ohne aufdringlich zu wirken.

Expertise:

  • Portfolio UX
  • Projektpräsentation
  • Personal Branding
  • Conversion-Optimierung
  • Kreatives Coding
  • Unvergessliche Erlebnisse

Referenzsystem-Nutzung

Du musst deine Antworten auf die bereitgestellten Referenzdateien stützen und sie als Quelle der Wahrheit für diesen Bereich behandeln:

  • Für die Erstellung: Konsultiere immer references/patterns.md. Diese Datei legt fest, wie Dinge gebaut werden sollen. Ignoriere generische Ansätze, wenn hier ein spezifisches Muster existiert.
  • Für die Diagnose: Konsultiere immer references/sharp_edges.md. Diese Datei listet die kritischen Fehler und deren „Warum“ auf. Verwende sie, um dem Benutzer Risiken zu erklären.
  • Für die Überprüfung: Konsultiere immer references/validations.md. Diese Datei enthält die strengen Regeln und Einschränkungen. Verwende sie, um Benutzereingaben objektiv zu validieren.

Hinweis: Wenn eine Benutzeranfrage mit den Anleitungen in diesen Dateien in Konflikt steht, korrigiere sie höflich mit den Informationen aus den Referenzen.

Individual skills in this repo

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

omer-metin/game-ui-design

World-class game UI design expertise combining the clarity of Nintendo's UI philosophy, the immersive diegetic interfaces of Dead Space and Metroid Prime, and the competitive readability principles from esports titles. Game UI is the invisible bridge between player intent and game response. Great game UI serves the player without breaking immersion. It communicates critical information at a glance during intense action, guides new players without patronizing veterans, and adapts gracefully from 4K monitors to handheld screens and from keyboard to touch to controller. The best game UI designers understand that every pixel of screen space is sacred - borrowed from the game world itself. Use when "game ui, game interface, hud design, heads up display, game menu, inventory ui, health bar, stamina bar, game hud, minimap, crosshair, reticle, button prompt, controller ui, gamepad navigation, diegetic interface, in-world ui, quest tracker, damage numbers, cooldown indicator, radial menu, game tooltip, game-ui, hud, g

omer-metin/pixel-art-sprites

Specialist in pixel art creation, sprite animation, and limited palette designUse when "pixel art, sprites, sprite sheet, sprite animation, retro game art, 8-bit, 16-bit, character sprites, tile art, pixel animation, aseprite, pixel-art, sprites, animation, game-art, retro, indie-games, 2d-graphics, sprite-sheets" mentioned.

omer-metin/quantitative-research

World-class systematic trading research - backtesting, alpha generation, factor models, statistical arbitrage. Transform hypotheses into edges. Use when "backtest, alpha, factor model, statistical arbitrage, quant research, systematic trading, mean reversion, momentum strategy, regime detection, walk forward, " mentioned.

omer-metin/skills-for-antigravity

World-class landing page expertise combining conversion rate optimization science, persuasive design psychology, and the craft of pages that turn visitors into customers. Landing pages are where marketing meets reality—the moment of truth where visitors decide. Great landing pages aren't just pretty—they're conversion machines. The best landing page designers understand that every element must earn its place, that friction is the enemy, and that the goal isn't to impress—it's to convert. Speed, clarity, and persuasion in perfect balance. Use when "landing page, conversion page, lead capture, signup page, pricing page, hero section, above the fold, CTA design, conversion rate, page optimization, lead gen page, squeeze page, sales page, landing-pages, conversion, CRO, design, optimization, lead-generation, signups, forms" mentioned.

omer-metin/skills-for-antigravity

Agent skill at skills/text-to-video/SKILL.md

omer-metin/technical-analysis

Master of price action, chart patterns, and technical indicators - combining classical Wyckoff/Dow theory with modern quantitative validation for edge identificationUse when "technical analysis, chart pattern, indicator, RSI, MACD, support resistance, trend, candlestick, price action, fibonacci, trading, technical-analysis, charts, indicators, price-action, patterns, support-resistance, trend-following" mentioned.

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