Communitygithub.com

aiskillstore/marketplace

Crie belas artes visuais em documentos .png e .pdf usando filosofia de design. Use esta habilidade quando o usuário pedir para criar um pôster, obra de arte, design ou outra peça estática. Crie designs visuais originais, nunca copiando o trabalho de artistas existentes para evitar violações de direitos autorais.

O que é marketplace?

Esta habilidade permite que um agente de IA crie arte visual de alta qualidade, como pôsteres, obras de arte ou designs estáticos, seguindo um processo de duas etapas: primeiro, gerar uma filosofia de design única (um movimento estético) documentada em um arquivo .md, e depois expressá-la visualmente em um canvas, produzindo um arquivo .pdf ou .png. Projetada para plataformas como Claude Code, a habilidade enfatiza o minimalismo, o artesanato especializado e uma abordagem conceitual sofisticada, evitando referências literais e, em vez disso, incorporando temas sutis que enriquecem a profundidade visual. A saída final é projetada para parecer meticulosamente trabalhada, como se fosse feita por um mestre artesão ao longo de inúmeras horas, com tipografia que faz parte da arte, não apenas texto digitado. A habilidade também oferece suporte à criação de várias páginas para pedidos que exigem mais de um design coeso, tratando cada página como uma extensão criativa da filosofia original. Ela se baseia em uma abordagem analógica e visual, onde o texto é mínimo e integrado como elemento de design.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/aiskillstore/marketplace/tree/HEAD/skills/canvas-design

Perguntar na sua IA favorita

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

Documentação

Estas são instruções para criar filosofias de design - movimentos estéticos que são então EXPRESSOS VISUALMENTE. Produza apenas arquivos .md, .pdf e .png.

Complete isto em duas etapas:

  1. Criação da Filosofia de Design (arquivo .md)
  2. Expressão visual em um canvas (arquivo .pdf ou .png)

Primeiro, execute esta tarefa:

CRIAÇÃO DA FILOSOFIA DE DESIGN

Para começar, crie uma FILOSOFIA VISUAL (não layouts ou modelos) que será interpretada através de:

  • Forma, espaço, cor, composição
  • Imagens, gráficos, formas, padrões
  • Texto mínimo como acento visual

O ENTENDIMENTO CRÍTICO

  • O que é recebido: Alguma entrada sutil ou instruções do usuário que devem ser consideradas, mas usadas como base; não deve restringir a liberdade criativa.
  • O que é criado: Uma filosofia de design/movimento estético.
  • O que acontece depois: Em seguida, a mesma versão recebe a filosofia e a EXPRESSA VISUALMENTE - criando artefatos que são 90% design visual, 10% texto essencial.

Considere esta abordagem:

  • Escreva um manifesto para um movimento artístico
  • A próxima fase envolve criar a obra de arte

A filosofia deve enfatizar: Expressão visual. Comunicação espacial. Interpretação artística. Palavras mínimas.

COMO GERAR UMA FILOSOFIA VISUAL

Nomeie o movimento (1-2 palavras): "Alegria Brutalista" / "Silêncio Cromático" / "Sonhos Metabolistas"

Articule a filosofia (4-6 parágrafos - conciso mas completo):

Para capturar a essência VISUAL, expresse como a filosofia se manifesta através de:

  • Espaço e forma
  • Cor e material
  • Escala e ritmo
  • Composição e equilíbrio
  • Hierarquia visual

DIRETRIZES CRÍTICAS:

  • Evite redundância: Cada aspecto do design deve ser mencionado uma vez. Evite repetir pontos sobre teoria das cores, relações espaciais ou princípios tipográficos, a menos que adicione nova profundidade.
  • Enfatize o ARTESANATO repetidamente: A filosofia DEVE enfatizar várias vezes que o trabalho final deve parecer como se tivesse levado inúmeras horas para ser criado, foi trabalhado com cuidado, e vem de alguém no topo absoluto de sua área. Este enquadramento é essencial - repita frases como "meticulosamente elaborado", "o produto de profunda expertise", "atenção meticulosa", "execução de nível mestre".
  • Deixe espaço criativo: Mantenha-se específico sobre a direção estética, mas conciso o suficiente para que o próximo Claude tenha espaço para fazer escolhas interpretativas também em um nível extremamente alto de artesanato.

A filosofia deve guiar a próxima versão a expressar ideias VISUALMENTE, não através de texto. A informação vive no design, não em parágrafos.

EXEMPLOS DE FILOSOFIA

"Poesia Concreta" Filosofia: Comunicação através de forma monumental e geometria ousada. Expressão visual: Grandes blocos de cor, tipografia escultural (palavras únicas enormes, rótulos minúsculos), divisões espaciais brutalistas, energia de pôster polonês encontra Le Corbusier. Ideias expressas através de peso visual e tensão espacial, não explicação. Texto como gesto raro e poderoso - nunca parágrafos, apenas palavras essenciais integradas na arquitetura visual. Cada elemento colocado com a precisão de um mestre artesão.

"Linguagem Cromática" Filosofia: Cor como sistema primário de informação. Expressão visual: Precisão geométrica onde zonas de cor criam significado. Tipografia mínima - pequenos rótulos sem serifa permitindo que campos cromáticos comuniquem. Pense na interação de Josef Albers encontra visualização de dados. Informação codificada espacial e cromaticamente. Palavras apenas para ancorar o que a cor já mostra. O resultado de uma calibração cromática meticulosa.

"Meditação Analógica" Filosofia: Contemplação visual silenciosa através de textura e espaço para respirar. Expressão visual: Grão de papel, sangramentos de tinta, vasto espaço negativo. Fotografia e ilustração dominam. Tipografia sussurrada (pequena, contida, servindo ao visual). Estética de fotolivro japonês. Imagens respiram através das páginas. Texto aparece parcimoniosamente - frases curtas, nunca blocos explicativos. Cada composição equilibrada com o cuidado de uma prática de meditação.

"Sistemas Orgânicos" Filosofia: Agrupamento natural e padrões de crescimento modular. Expressão visual: Formas arredondadas, arranjos orgânicos, cor da natureza através da arquitetura. Informação mostrada através de diagramas visuais, relações espaciais, iconografia. Texto apenas para rótulos chave flutuando no espaço. A composição conta a história através de orquestração espacial especializada.

"Silêncio Geométrico" Filosofia: Ordem pura e contenção. Expressão visual: Precisão baseada em grade, fotografia ousada ou gráficos austeros, espaço negativo dramático. Tipografia precisa mas mínima - texto essencial pequeno, grandes zonas silenciosas. Formalismo suíço encontra honestidade material brutalista. Estrutura comunica, não palavras. Cada alinhamento o trabalho de inúmeros refinamentos.

Estes são exemplos condensados. A filosofia de design real deve ter 4-6 parágrafos substanciais.

PRINCÍPIOS ESSENCIAIS

  • FILOSOFIA VISUAL: Crie uma visão de mundo estética a ser expressa através do design
  • TEXTO MÍNIMO: Sempre enfatize que o texto é esparso, essencial-apenas, integrado como elemento visual - nunca extenso
  • EXPRESSÃO ESPACIAL: Ideias comunicam através de espaço, forma, cor, composição - não parágrafos
  • LIBERDADE ARTÍSTICA: O próximo Claude interpreta a filosofia visualmente - forneça espaço criativo
  • DESIGN PURO: Trata-se de criar OBJETOS DE ARTE, não documentos com decoração
  • ARTESANATO ESPECIALIZADO: Enfatize repetidamente que o trabalho final deve parecer meticulosamente elaborado, trabalhado com cuidado, o produto de inúmeras horas de alguém no topo de sua área

A filosofia de design deve ter de 4 a 6 parágrafos. Preencha-a com filosofia de design poética que una a visão central. Evite repetir os mesmos pontos. Mantenha a filosofia de design genérica sem mencionar a intenção da arte, como se pudesse ser usada em qualquer lugar. Produza a filosofia de design como um arquivo .md.


DEDUZINDO A REFERÊNCIA SUTIL

ETAPA CRÍTICA: Antes de criar o canvas, identifique o fio conceitual sutil do pedido original.

O PRINCÍPIO ESSENCIAL: O tópico é uma referência sutil e de nicho incorporada na própria arte - nem sempre literal, sempre sofisticada. Alguém familiarizado com o assunto deve senti-lo intuitivamente, enquanto outros apenas experimentam uma composição abstrata magistral. A filosofia de design fornece a linguagem estética. O tópico deduzido fornece a alma - o DNA conceitual silencioso tecido invisivelmente na forma, cor e composição.

Isto é MUITO IMPORTANTE: A referência deve ser refinada para que aprimore a profundidade do trabalho sem se anunciar. Pense como um músico de jazz citando outra música - apenas aqueles que conhecem perceberão, mas todos apreciam a música.


CRIAÇÃO DO CANVAS

Com tanto a filosofia quanto o quadro conceitual estabelecidos, expresse-os em um canvas. Reserve um momento para organizar os pensamentos e limpar a mente. Use a filosofia de design criada e as instruções abaixo para elaborar uma obra-prima, incorporando todos os aspectos da filosofia com artesanato especializado.

IMPORTANTE: Para qualquer tipo de conteúdo, mesmo que o usuário solicite algo para um filme/jogo/livro, a abordagem ainda deve ser sofisticada. Nunca perca de vista a ideia de que isto deve ser arte, não algo cartoon ou amador.

Para criar trabalho de qualidade de museu ou revista, use a filosofia de design como base. Crie uma única página, altamente visual, com saída em PDF ou PNG com design inovador (a menos que solicitado mais páginas). Geralmente use padrões repetitivos e formas perfeitas. Trate o design filosófico abstrato como se fosse uma Bíblia científica, tomando emprestada a linguagem visual da observação sistemática - acúmulo denso de marcas, elementos repetidos ou padrões em camadas que constroem significado através de repetição paciente e recompensam a visualização sustentada. Adicione tipografia clínica esparsa e marcadores de referência sistemáticos que sugiram que este poderia ser um diagrama de uma disciplina imaginária, tratando o assunto invisível com a mesma reverência tipicamente reservada para documentar fenômenos observáveis. Ancora a peça com frase(s) simples ou detalhes posicionados sutilmente, usando uma paleta de cores limitada que pareça intencional e coesa. Abrace o paradoxo de usar linguagem visual analítica para expressar ideias sobre a experiência humana: o resultado deve parecer um artefato que prova que algo efêmero pode ser estudado, mapeado e compreendido através de atenção cuidadosa. Isto é arte verdadeira.

Texto como um elemento contextual: O texto é sempre mínimo e visual-primeiro, mas deixe o contexto guiar se isso significa rótulos sussurrados ou gestos tipográficos ousados. Um pôster de uma casa punk pode ter tipos maiores e mais agressivos do que uma identidade de estúdio de cerâmica minimalista. Na maioria das vezes, a fonte deve ser fina. Todo uso de fontes deve ser inovador em design e priorizar a comunicação visual. Independentemente da escala do texto, nada cai para fora da página e nada se sobrepõe. Cada elemento deve estar contido dentro dos limites do canvas com margens adequadas. Verifique cuidadosamente se todos os textos, gráficos e elementos visuais têm espaço para respirar e separação clara. Isto é inegociável para execução profissional. IMPORTANTE: Use fontes diferentes se escrever texto. Pesquise o diretório ./canvas-fonts. Independentemente da abordagem, sofisticação é inegociável.

Baixe e use quaisquer fontes necessárias para tornar isso realidade. Seja criativo fazendo a tipografia realmente parte da arte em si - se a arte é abstrata, traga a fonte para o canvas, não tiposetada digitalmente.

Para ultrapassar limites, siga o instinto/intuição de design enquanto usa a filosofia como princípio guia. Abrace a liberdade e escolha definitivas de design. Leve a estética e o design para a fronteira.

CRÍTICO: Para alcançar qualidade artesanal humana (não gerada por IA), crie um trabalho que pareça ter levado inúmeras horas. Faça com que pareça que alguém no topo absoluto de sua área trabalhou cada detalhe com cuidado meticuloso. Garanta que a composição, espaçamento, escolhas de cores, tipografia - tudo grite artesanato de nível especializado. Verifique novamente se nada se sobrepõe, a formatação está impecável, cada detalhe perfeito. Crie algo que possa ser mostrado às pessoas para provar expertise e ser classificado como inegavelmente impressionante.

Produza o resultado final como um único arquivo .pdf ou .png para download, juntamente com a filosofia de design usada como um arquivo .md.


ETAPA FINAL

IMPORTANTE: O usuário JÁ disse "Não é perfeito o suficiente. Deve ser impecável, uma obra-prima de artesanato, como se estivesse prestes a ser exibido em um museu."

CRÍTICO: Para refinar o trabalho, evite adicionar mais gráficos; em vez disso, refine o que foi criado e torne-o extremamente nítido, respeitando a filosofia de design e os princípios do minimalismo inteiramente. Em vez de adicionar um filtro divertido ou refatorar uma fonte, considere como tornar a composição existente mais coesa com a arte. Se o instinto for chamar uma nova função ou desenhar uma nova forma, PARE e, em vez disso, pergunte: "Como posso tornar o que já está aqui mais uma obra de arte?"

Faça uma segunda passagem. Volte ao código e refine/polir ainda mais para tornar isto uma obra-prima filosoficamente projetada.

OPÇÃO DE MÚLTIPLAS PÁGINAS

Para criar páginas adicionais quando solicitado, crie páginas mais criativas seguindo a mesma linha da filosofia de design, mas também distintamente diferentes. Agrupe essas páginas no mesmo .pdf ou em vários .pngs. Trate a primeira página como apenas uma única página em um livro de mesa inteiro esperando para ser preenchido. Faça as próximas páginas serem reviravoltas e memórias únicas da original. Faça com que elas quase contem uma história de uma forma muito elegante. Exercite liberdade criativa total.

Individual skills in this repo

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

aiskillstore/marketplace

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

aiskillstore/marketplace

Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or working with the Portfolio Buddy 2 codebase. Contains tech stack, known issues, and architectural constraints.

aiskillstore/marketplace

Use when the user asks to "pre-launch check the landing page", "run a Quality-Score preflight", or "verify ad-to-page message match before launch"; produces an ad↔page continuity report — message-match gaps, above-the-fold check, page-speed read, form-friction count, mobile-render flags — as a pass/fix punch list. Not for redesigning or rewriting the page — use landing-optimizer; not for scoring the account or the RQS — use ad-account-auditor. 落地页体验预检/广告落地页一致性检查

aiskillstore/marketplace

Use when the user asks to "optimize our landing page for influencer traffic", "fix our promo-code landing page", or "improve conversion from a creator campaign"; produces a message-match audit, page-structure and social-proof recommendations, a promo-code/CTA conversion plan, and an A/B test roadmap. Not for measuring campaign results after launch — use performance-analyzer.

aiskillstore/marketplace

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

aiskillstore/marketplace

This skill helps users extract GitHub repository project details and contributor contact information using keywords, stars, and update dates. Agent should proactively apply this skill when users express needs like search for GitHub projects by keywords, find top open-source contributors in specific domains, extract developer contacts from GitHub repositories, discover trending repositories with high stars, gather contributor profiles and social links for tech recruiting, retrieve GitHub project descriptions and metrics, build developer communities by finding active contributors, search for repositories updated recently, collect personal website and Twitter links of developers, generate targeted leads for developer tools, or track active open-source contributors for collaboration.

aiskillstore/marketplace

Using the Wonda CLI to generate images, videos, music, and audio from the terminal — plus LinkedIn, Reddit, and X/Twitter research and automation

aiskillstore/marketplace

Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks

aiskillstore/marketplace

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

aiskillstore/marketplace

Process video files with audio extraction, format conversion (mp4, webm), and Whisper transcription. Use when user mentions video conversion, audio extraction, transcription, mp4, webm, ffmpeg, or whisper transcription.

aiskillstore/marketplace

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG/vector/code-native assets, extending an established icon or logo system, or building the visual directly in HTML/CSS/canvas.

aiskillstore/marketplace

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

aiskillstore/marketplace

Router skill for LLMQuant portfolio workflows. Use when the user needs company profiles, thesis tracking, theme research, watchlist monitoring, or alert management.

aiskillstore/marketplace

Account assets, equity and fund positions, P&L, cash flow records, account statements, margin ratios, buy-power estimates, order management, and DCA recurring investments via Longbridge (most require Trade permission). Frameworks: portfolio diagnosis, rebalancing, asset allocation, risk analysis (VaR/CVaR), performance attribution, and tax-loss harvesting. Triggers: "持仓", "账户", "盈亏", "资产", "对账单", "下单", "买入", "卖出", "撤单", "定投", "组合诊断", "再平衡", "资产配置", "风险分析", "绩效归因", "税损收割", "持倉", "賬戶", "盈虧", "對賬單", "下單", "買入", "賣出", "組合診斷", "再平衡", "稅損收割", "positions", "portfolio", "P&L", "order", "buy", "sell", "DCA", "statement", "risk analysis", "rebalancing", "tax harvesting", "我的风险", "持仓风险", "风险敞口", "資產", "資產配置", "風險分析", "績效歸因", "撤單

aiskillstore/marketplace

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

aiskillstore/marketplace

Use for Codex models/pricing, scheduled tasks, skills, settings, setup, troubleshooting, customization, automations, and self-knowledge—including 'you,' 'your,' 'this app,' or 'this coding agent' when they refer to Codex—and for OpenAI APIs/products and ChatGPT Work. Also use for model choice/migration, prompting, SDKs, Responses, Realtime, agents, evals, and Chat/Work/Codex comparisons. Do not use for generic app/software tasks that merely mention Codex.

aiskillstore/marketplace

Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.

aiskillstore/marketplace

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

aiskillstore/marketplace

Perform a read-only, defect-first review of a specified code change and return every actionable finding. Use when another agent delegates review of uncommitted changes, a base-branch diff, a commit, or custom review instructions.

aiskillstore/marketplace

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

Habilidades Relacionadas