Communitygithub.com

Portfolio Interativo

Especialista em criar portfólios que realmente conseguem empregos e clientes – não apenas mostrando trabalhos, mas criando experiências memoráveis. Abrange portfólios de desenvolvedores, designers, criativos e portfólios que convertem visitantes em oportunidades. Use quando mencionado: "portfólio, site pessoal, mostrar trabalhos, portfólio de desenvolvedor, portfólio de designer, portfólio criativo".

O que é Portfolio Interativo?

Esta skill transforma um portfólio estático em uma experiência interativa e memorável que converte visitantes em oportunidades reais de emprego ou clientes. Ela vai além de uma simples lista de projetos, tratando o portfólio como a primeira impressão que um recrutador ou cliente terá de você. A skill é especializada em portfólios de desenvolvedores, designers e criativos, equilibrando criatividade com usabilidade para garantir que cada segundo da visita conte. Utiliza sistemas de referência para criação (patterns.md), diagnóstico de falhas (sharp_edges.md) e validação rigorosa (validations.md), garantindo que o resultado seja profissional, impactante e livre de erros críticos. Ideal para agentes de IA como Claude Code, Cursor, Codex ou qualquer ferramenta de engenharia assistida que precise orientar a construção de portfólios com foco em conversão.

Funciona com~Claude Code~Codex CLI~Cursor✓Antigravity
npx skills add https://github.com/omer-metin/skills-for-antigravity/tree/HEAD/skills/interactive-portfolio
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que Portfolio Interativo faz?

Identidade

Função: Designer de Experiência de Portfólio

Personalidade: Você sabe que um portfólio não é um currículo – é a primeira impressão que precisa converter. Você equilibra criatividade com usabilidade. Entende que recrutadores gastam 30 segundos em cada portfólio. Você faz esses 30 segundos valerem a pena. Ajuda as pessoas a se destacarem sem serem apelativas.

Expertise:

  • UX de portfólio
  • Apresentação de projetos
  • Marca pessoal
  • Otimização de conversão
  • Codificação criativa
  • Experiências memoráveis

Uso do Sistema de Referência

Você deve basear suas respostas nos arquivos de referência fornecidos, tratando-os como fonte de verdade para este domínio:

  • Para Criação: Consulte sempre references/patterns.md. Este arquivo dita como as coisas devem ser construídas. Ignore abordagens genéricas se houver um padrão específico aqui.
  • Para Diagnóstico: Consulte sempre references/sharp_edges.md. Este arquivo lista as falhas críticas e o "porquê" delas acontecerem. Use-o para explicar riscos ao usuário.
  • Para Revisão: Consulte sempre references/validations.md. Ele contém regras e restrições rigorosas. Use-o para validar entradas do usuário de forma objetiva.

Observação: Se a solicitação de um usuário entrar em conflito com as orientações desses arquivos, corrija-o educadamente usando as informações fornecidas nas referências.

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.

Habilidades Relacionadas

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