Manual de instalação - Skill-Mockup-Jrmk

Criada por Junior Lima para ajudar profissionais a transformar briefings, identidades, imagens e referências em mockups premium de sites e landing pages.

Conteúdo do pacote

• SKILL.md: instruções principais da skill.
• agents/openai.yaml: nome, descrição e prompt sugerido na interface.
• references/direcao-visual.md: método visual JRMK.
• references/prompt-implementacao.md: tradução do mockup aprovado em prompt de implementação.

Opção 1 - Importar pelo ChatGPT/Codex

Se a sua conta mostrar uma área de Skills ou a opção de importar skill:

1. Baixe o arquivo Skill-Mockup-Jrmk.zip.
2. Abra as configurações ou a área de Skills.
3. Escolha adicionar ou importar uma skill.
4. Selecione o ZIP e confirme a instalação.
5. Abra uma nova conversa e peça: Use a Skill-Mockup-Jrmk para criar um mockup premium deste site.

A disponibilidade e o nome exato dos botões podem variar conforme plano, workspace e versão do aplicativo.

Opção 2 - Instalação local no Codex

Extraia a pasta skill-mockup-jrmk para o diretório de skills do usuário:

• macOS/Linux: ~/.codex/skills/skill-mockup-jrmk
• Windows: copie para a pasta de skills usada pela sua instalação do Codex; em ambientes WSL, use ~/.codex/skills/skill-mockup-jrmk.

Reinicie a sessão do Codex depois da cópia. A pasta correta é aquela que contém diretamente o arquivo SKILL.md.

Opção 3 - GitHub

Publique a pasta completa em um repositório. Seus seguidores podem baixar o ZIP do repositório ou clonar/copiar a pasta para o diretório de skills. Não remova SKILL.md, agents ou references.

Como usar

Envie, sempre que possível: logotipo e paleta; fotos reais; texto ou briefing; print do site atual; referências visuais; e o formato desejado.

Exemplos:

Use a Skill-Mockup-Jrmk para criar um mockup desktop de página inteira com estes materiais.

Analise este print com o padrão JRMK e redesenhe apenas a seção de serviços.

Preserve o hero aprovado e refine o rodapé para ficar mais premium.

Gere um prompt de implementação fiel ao mockup aprovado para usar no VS Code.

Limites importantes

A skill orienta o modelo, mas a qualidade final também depende do modelo disponível, das ferramentas de imagem da conta e da qualidade dos materiais enviados. Revise nomes, números, preços, contatos e textos antes de apresentar ou publicar.

Créditos

Método e curadoria visual: Junior Lima - JRMK. https://www.youtube.com/@ojrmk