Power Designpor ItsssssJack

Power Design Skill.

Escolha primeiro o meio e depois aplique a marca sem confundir os requisitos de slides e de sites.

Web design
Apresentações
Sistemas de marca

Revisão da fonte · Power DesignSKILL.md

Tarefa Web design Produz • Uma apresentação ou site responsivo HTML; fontes e imagens vinculadas podem exigir acesso à rede. • Um registro de estilo de marca reutilizável ao extrair uma nova marca de origem. • Uma saída revisada com o checklist de slides ou de site quanto a conteúdo, layout e acessibilidade. Antes de começar A extração de marca por URL exige o Firecrawl. As saídas padrão evitam dependências externas de JavaScript, mas fontes ou imagens ainda podem exigir disponibilidade e direitos próprios.

Resumo editorial · fonte revisada em 2026-10-07 · não é um exemplo gerado

01 Funcionalidades

Crie apresentações ou sites HTML guiados pela marca

Um fluxo de design HTML com extração de marca compartilhada e regras separadas para apresentações e sites responsivos.

Fluxo baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

O Power Design tem dois caminhos de saída que compartilham uma base de marca: uma apresentação HTML de quadro fixo e um site responsivo. Ele pode usar a URL de uma marca via Firecrawl, um estilo de marca incluído ou um padrão neutro. As mesmas referências de fundo, primeiro plano, destaque, fonte, raio e voz alimentam então as regras específicas de cada meio.

A distinção importa porque um slide legível em projeção e uma página web utilizável têm restrições diferentes. O caminho dos slides enfatiza pouco conteúdo, uma zona segura, um ponto visual e um modo de apresentação claro. O caminho do site acrescenta layout responsivo, estrutura semântica, acesso por teclado, comportamento de tema, formulários e metadados. Esses são alvos de design, não resultados de desempenho medidos.

Entregáveis esperados

Uma apresentação ou site responsivo HTML; fontes e imagens vinculadas podem exigir acesso à rede.
Um registro de estilo de marca reutilizável ao extrair uma nova marca de origem.
Uma saída revisada com o checklist de slides ou de site quanto a conteúdo, layout e acessibilidade.

Ver o briefing de exemplo

Do briefing à revisão

01
Escolha apresentação ou site
Defina o meio de saída antes de escolher regras ou um canvas.
02
Estabeleça as entradas de marca
Use uma extração de URL autorizada, um estilo existente da biblioteca ou a base neutra.
03
Aplique o conjunto de regras correto
Use restrições de apresentação para slides e requisitos de interação responsiva para sites.
04
Salve e inspecione
Abra a saída, revise o comportamento específico do meio e itere sobre o resultado real.

02 Quando usar

Quando usar

A extração de marca por URL exige o Firecrawl. As saídas padrão evitam dependências externas de JavaScript, mas fontes ou imagens ainda podem exigir disponibilidade e direitos próprios.

Bom para

Apresentações HTML de marcaÚtil quando o entregável pretendido é uma apresentação em navegador.
Páginas de marketing responsivasOferece um padrão sem framework, com tratamento claro e escuro baseado em tokens.

Limites a verificar

Não é um exportador de PPTXA saída padrão documentada é HTML, não um arquivo nativo do PowerPoint.
A extração de marca exige acessoA marca por URL depende de uma integração Firecrawl disponível e de material de origem acessível.
Alvos não são mediçõesOrçamentos de desempenho e limites de legibilidade listados devem ser verificados na saída real, não presumidos automaticamente.

Traga estas entradas

Meio e finalidadeInforme se o resultado é uma apresentação ou um site e qual ação ou mensagem ele deve apoiar.
Fonte da marcaForneça uma URL, uma marca conhecida da biblioteca ou permissão para usar um estilo neutro.
Conteúdo e públicoForneça as afirmações reais, seções, pontos-chave e o público pretendido.

03 Decisões importantes

Decisões que importam

Regras específicas de cada meio
Um canvas de slide fixo não deve herdar a densidade de um site, e uma página web não deve herdar suposições de interação exclusivas de apresentações.
Registro de marca compartilhado
O estilo de marca extraído pode alimentar os dois caminhos, enquanto as regras de layout permanecem separadas.
Padrão simples em HTML
A fonte prefere uma saída autocontida, a menos que um projeto maior ou um framework seja explicitamente necessário.

04 Exemplo de briefing

Experimente um briefing focado

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Revise a configuração

Mantenha os princípios, a biblioteca de marcas e as referências de extração junto com a Skill. A fonte não estabelece um instalador universal de uma linha.

Arquivo da fonte original

https://github.com/ItsssssJack/power-design/blob/f0c4143a38787aa33975b0e1811ccdf27d3014a1/SKILL.md

A extração de marca por URL exige o Firecrawl. As saídas padrão evitam dependências externas de JavaScript, mas fontes ou imagens ainda podem exigir disponibilidade e direitos próprios.

Comece com um entregável

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo

Use power-design para criar uma página HTML responsiva, não uma apresentação de slides, para o workshop fornecido. Use nosso arquivo de estilo de marca e os detalhes verificados do evento. Mantenha uma única ação de inscrição, ofereça suporte ao uso por teclado e a temas claro e escuro, e informe separadamente as verificações reais de viewport e desempenho em relação às metas de design.

Inspecione o resultado

Compare a saída real com estes critérios observáveis.

A saída selecionada segue as regras do meio correto.
Os valores de marca são rastreáveis até o estilo fornecido ou extraído.
O site ou a apresentação é inspecionado no contexto de navegador pretendido.

O OpenDesign oferece um espaço de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída, nem que suas ferramentas externas, credenciais e dependências de software venham junto.

Baixar OpenDesign Leia o início rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos do projeto original podem mudar.

Proprietário da fonte: ItsssssJack
Repositório: ItsssssJack/power-design
Arquivo da skill: SKILL.md
Licença: MIT
Versão revisada: 2026-10-07 · f0c4143a3878

Resumo editorial da fonte

Um fluxo de design HTML com extração de marca compartilhada e regras separadas para apresentações e sites responsivos.

Resumo original do OpenDesign, baseado na fonte vinculada. As estrelas do repositório são um sinal datado de popularidade, não de uso da skill nem uma nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Ele gera arquivos PowerPoint?

A fonte descreve apresentações HTML. Um entregável PPTX nativo exige um fluxo separado de conversão ou criação.

Ele sempre precisa do Firecrawl?

Apenas a rota de extração por URL depende dele; a fonte também oferece estilos de marca existentes e um padrão neutro.

Os modos claro e escuro estão incluídos nos sites?

Fazem parte do padrão documentado para sites, junto com um alternador manual persistente, a menos que o escopo seja alterado.

OpenDesign

Abra espaço para a próxima iteração de design.

Mantenha seu briefing, material de origem e trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesign Ver skills de design