Pular para o conteúdo

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUTO / DESIGN

Engenharia, direção e ofício digital em um único sistema contínuo.

ISSUE / 01

Arquivo de projetos

02 / Case study

Ferramentas para desenvolvedores / 2026

Agent Skills Studio

Um catálogo editorial de skills e fluxos para desenvolvimento orientado por IA, organizado para tornar conhecimento técnico aplicável.

Agent Skills Studio
J / O — Ferramentas para desenvolvedores

Índice do case

01 — 04

Disciplina
Ferramentas para desenvolvedores
Ano
2026
Status
Concluído
Registros visuais
03

Tecnologias

Next.jsReactTypeScriptTailwind CSSshadcn/uii18n

Organizar conhecimento para executar melhor

Prompts isolados não bastam quando a intenção é tornar um processo de desenvolvimento reproduzível. O Agent Skills Studio reúne práticas, critérios e fluxos em uma biblioteca navegável, para que a IA contribua com método e verificação — não apenas com velocidade.

O desafio de produto

Uma coleção com múltiplos packs e skills precisa ajudar o visitante a entender o que existe, por que cada recurso importa e como começar a utilizá-lo. A experiência prioriza descoberta, clareza de documentação e progressão entre conteúdo conceitual e aplicação prática.

Da arquitetura ao detalhe

O site foi construído com Next.js, React e TypeScript, usando uma linguagem visual editorial, microinterações e versões em português e inglês. Trabalhei na estrutura do catálogo, navegação, hierarquia tipográfica, estados de interface e apresentação de exemplos de utilização.

Aprendizado central

Este case conecta engenharia frontend e desenvolvimento assistido por IA. O diferencial não está em prometer automação irrestrita, mas em estabelecer processos que possam ser revisados, adaptados e testados por quem desenvolve.

04 / Evidências visuais

03 ITEMS

O trabalho, em contexto.

Telas, motion e artefatos de apoio que mostram como o sistema se comporta para além de uma capa estática.

Projetos selecionados / arquivo

END / CASE

Um case é só um capítulo.

Volte ao arquivo para conhecer outras interfaces, produtos e experimentos construídos com a mesma atenção a produto, direção visual e engenharia frontend.

Ver todos os projetos