Communitygithub.com

aiskillstore/marketplace

Crea arte visual impresionante en documentos .png y .pdf utilizando una filosofía de diseño. Usa esta habilidad cuando el usuario pida un póster, una obra de arte, diseño u otra pieza estática. Crea diseños visuales originales, sin copiar el trabajo de artistas existentes para evitar violaciones de derechos de autor.

¿Qué es marketplace?

Esta habilidad permite a un agente de IA (como Claude) generar obras de arte visual de alta calidad combinando la creación de una filosofía de diseño única con su expresión en un lienzo digital. Funciona en dos fases: primero, el agente redacta una filosofía visual o manifiesto artístico (como 'Silencio Cromático' o 'Sueños Metabolistas'), detallando principios de forma, color, espacio y composición. Segundo, aplica esa filosofía para crear un archivo .png o .pdf de calidad museo, priorizando la expresión visual sobre el texto, y empleando tipografía mínima y precisa. La habilidad enfatiza la artesanía experta, instando al agente a que el resultado parezca el trabajo meticuloso de un maestro, con innumerables horas de dedicación. También incluye un paso crítico de deducir una referencia sutil o conceptual a partir de la solicitud del usuario, integrando esta profundidad de forma invisible en la obra final. El agente debe refinar iterativamente el diseño, evitando añadir elementos innecesarios y centrándose en la cohesión y la perfección visual.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Estas son instrucciones para crear filosofías de diseño (movimientos estéticos) que luego se EXPRESAN VISUALMENTE. Produce solo archivos .md, .pdf y .png.

Completa esto en dos pasos:

  1. Creación de la Filosofía de Diseño (archivo .md)
  2. Exprésala creándola en un lienzo (archivo .pdf o .png)

Primero, realiza esta tarea:

CREACIÓN DE LA FILOSOFÍA DE DISEÑO

Para empezar, crea una FILOSOFÍA VISUAL (no diseños o plantillas) que se interpretará a través de:

  • Forma, espacio, color, composición
  • Imágenes, gráficos, formas, patrones
  • Texto mínimo como acento visual

EL ENTENDIMIENTO CRÍTICO

  • Lo que se recibe: Alguna entrada o instrucción sutil del usuario que debe tenerse en cuenta, pero usarse como base; no debe limitar la libertad creativa.
  • Lo que se crea: Una filosofía de diseño / movimiento estético.
  • Lo que sucede después: Luego, la misma versión recibe la filosofía y la EXPRESA VISUALMENTE: creando artefactos que son 90% diseño visual, 10% texto esencial.

Considera este enfoque:

  • Escribe un manifiesto para un movimiento artístico
  • La siguiente fase implica crear la obra de arte

La filosofía debe enfatizar: Expresión visual. Comunicación espacial. Interpretación artística. Mínimas palabras.

CÓMO GENERAR UNA FILOSOFÍA VISUAL

Nombra el movimiento (1-2 palabras): "Alegría Brutalista" / "Silencio Cromático" / "Sueños Metabolistas"

Articula la filosofía (4-6 párrafos - concisos pero completos):

Para capturar la esencia VISUAL, expresa cómo la filosofía se manifiesta a través de:

  • Espacio y forma
  • Color y material
  • Escala y ritmo
  • Composición y equilibrio
  • Jerarquía visual

DIRECTRICES CRÍTICAS:

  • Evita la redundancia: Cada aspecto del diseño debe mencionarse una vez. Evita repetir puntos sobre teoría del color, relaciones espaciales o principios tipográficos a menos que añadas nueva profundidad.
  • Enfatiza la artesanía REPETIDAMENTE: La filosofía DEBE enfatizar varias veces que el trabajo final debe parecer que llevó incontables horas crearlo, que fue elaborado con cuidado, y que proviene de alguien en la cima absoluta de su campo. Este marco es esencial: repite frases como "meticulosamente elaborado", "el producto de una profunda experiencia", "atención minuciosa", "ejecución de nivel maestro".
  • Deja espacio creativo: Permanece específico sobre la dirección estética, pero lo suficientemente conciso para que el siguiente Claude tenga espacio para tomar decisiones interpretativas también a un nivel extremadamente alto de artesanía.

La filosofía debe guiar a la siguiente versión a expresar ideas VISUALMENTE, no a través de texto. La información vive en el diseño, no en los párrafos.

EJEMPLOS DE FILOSOFÍAS

"Poesía Concreta" Filosofía: Comunicación a través de la forma monumental y la geometría audaz. Expresión visual: Grandes bloques de color, tipografía escultórica (palabras enormes, etiquetas pequeñas), divisiones espaciales brutales, energía del cartel polaco se encuentra con Le Corbusier. Ideas expresadas a través del peso visual y la tensión espacial, no de la explicación. El texto como gesto raro y poderoso: nunca párrafos, solo palabras esenciales integradas en la arquitectura visual. Cada elemento colocado con la precisión de un maestro artesano.

"Lenguaje Cromático" Filosofía: El color como sistema de información primario. Expresión visual: Precisión geométrica donde las zonas de color crean significado. Tipografía mínima: pequeñas etiquetas sans-serif que permiten que los campos cromáticos se comuniquen. Piensa en la interacción de Josef Albers se encuentra con la visualización de datos. Información codificada espacial y cromáticamente. Palabras solo para anclar lo que el color ya muestra. El resultado de una calibración cromática minuciosa.

"Meditación Analógica" Filosofía: Contemplación visual tranquila a través de la textura y el espacio para respirar. Expresión visual: Grano de papel, chorretones de tinta, vasto espacio negativo. La fotografía y la ilustración dominan. Tipografía susurrada (pequeña, contenida, al servicio de lo visual). Estética del fotolibro japonés. Las imágenes respiran a través de las páginas. El texto aparece con moderación: frases cortas, nunca bloques explicativos. Cada composición equilibrada con el cuidado de una práctica de meditación.

"Sistemas Orgánicos" Filosofía: Agrupación natural y patrones de crecimiento modular. Expresión visual: Formas redondeadas, disposiciones orgánicas, color de la naturaleza a través de la arquitectura. Información mostrada a través de diagramas visuales, relaciones espaciales, iconografía. Texto solo para etiquetas clave flotando en el espacio. La composición cuenta la historia a través de una orquestación espacial experta.

"Silencio Geométrico" Filosofía: Orden puro y moderación. Expresión visual: Precisión basada en cuadrícula, fotografía audaz o gráficos llamativos, espacio negativo dramático. Tipografía precisa pero mínima: texto esencial pequeño, grandes zonas silenciosas. El formalismo suizo se encuentra con la honestidad material brutalista. La estructura comunica, no las palabras. Cada alineación es el trabajo de innumerables refinamientos.

Estos son ejemplos condensados. La filosofía de diseño real debe tener de 4 a 6 párrafos sustanciales.

PRINCIPIOS ESENCIALES

  • FILOSOFÍA VISUAL: Crea una cosmovisión estética para expresarse a través del diseño.
  • TEXTO MÍNIMO: Enfatiza siempre que el texto es escaso, solo esencial, integrado como elemento visual, nunca extenso.
  • EXPRESIÓN ESPACIAL: Las ideas se comunican a través del espacio, la forma, el color, la composición, no de párrafos.
  • LIBERTAD ARTÍSTICA: El siguiente Claude interpreta la filosofía visualmente: proporciona espacio creativo.
  • DISEÑO PURO: Esto se trata de crear OBJETOS DE ARTE, no documentos con decoración.
  • ARTESANÍA EXPERTA: Enfatiza repetidamente que el trabajo final debe verse meticulosamente elaborado, trabajado con cuidado, el producto de incontables horas de alguien en la cima de su campo.

La filosofía de diseño debe tener de 4 a 6 párrafos de largo. Llénala con una filosofía de diseño poética que reúna la visión central. Evita repetir los mismos puntos. Mantén la filosofía de diseño genérica sin mencionar la intención del arte, como si pudiera usarse en cualquier lugar. Genera la filosofía de diseño como un archivo .md.


DEDUCIENDO LA REFERENCIA SUTIL

PASO CRÍTICO: Antes de crear el lienzo, identifica el hilo conceptual sutil de la solicitud original.

EL PRINCIPIO ESENCIAL: El tema es una referencia sutil y especializada incrustada dentro del arte mismo; no siempre literal, siempre sofisticada. Alguien familiarizado con el tema debe sentirlo intuitivamente, mientras que otros simplemente experimentan una composición abstracta magistral. La filosofía de diseño proporciona el lenguaje estético. El tema deducido proporciona el alma: el ADN conceptual silencioso tejido invisiblemente en la forma, el color y la composición.

Esto es MUY IMPORTANTE: La referencia debe refinarse para que mejore la profundidad de la obra sin anunciarse. Piensa como un músico de jazz que cita otra canción: solo aquellos que la conocen la captarán, pero todos aprecian la música.


CREACIÓN DEL LIENZO

Con la filosofía y el marco conceptual establecidos, exprésalo en un lienzo. Tómate un momento para reunir pensamientos y despejar la mente. Usa la filosofía de diseño creada y las instrucciones a continuación para crear una obra maestra, encarnando todos los aspectos de la filosofía con artesanía experta.

IMPORTANTE: Para cualquier tipo de contenido, incluso si el usuario solicita algo para una película/juego/libro, el enfoque debe seguir siendo sofisticado. Nunca pierdas de vista la idea de que esto debe ser arte, no algo caricaturesco o amateur.

Para crear un trabajo de calidad de museo o revista, usa la filosofía de diseño como base. Crea una sola página, altamente visual, con un archivo PDF o PNG con mentalidad de diseño (a menos que se soliciten más páginas). Generalmente usa patrones repetitivos y formas perfectas. Trata el diseño filosófico abstracto como si fuera una biblia científica, tomando prestado el lenguaje visual de la observación sistemática: acumulación densa de marcas, elementos repetidos o patrones superpuestos que construyen significado a través de la repetición paciente y recompensan la visualización sostenida. Añade tipografía clínica y escasa, y marcadores de referencia sistemáticos que sugieran que este podría ser un diagrama de una disciplina imaginaria, tratando el tema invisible con la misma reverencia típicamente reservada para documentar fenómenos observables. Ancla la pieza con frases simples o detalles colocados sutilmente, usando una paleta de colores limitada que se sienta intencional y cohesiva. Abraza la paradoja de usar un lenguaje visual analítico para expresar ideas sobre la experiencia humana: el resultado debe sentirse como un artefacto que prueba que algo efímero puede ser estudiado, mapeado y entendido a través de una atención cuidadosa. Esto es verdadero arte.

Texto como elemento contextual: El texto es siempre mínimo y prioritariamente visual, pero deja que el contexto guíe si eso significa etiquetas silenciosas o gestos tipográficos audaces. Un póster de un local de punk podría tener un tipo de letra más grande y agresivo que la identidad de un estudio de cerámica minimalista. La mayoría de las veces, la fuente debe ser fina. Todo uso de fuentes debe ser con mentalidad de diseño y priorizar la comunicación visual. Independientemente de la escala del texto, nada debe caerse de la página y nada debe superponerse. Cada elemento debe estar contenido dentro de los límites del lienzo con márgenes adecuados. Verifica cuidadosamente que todo el texto, gráficos y elementos visuales tengan espacio para respirar y una separación clara. Esto no es negociable para una ejecución profesional. IMPORTANTE: Usa diferentes fuentes si escribes texto. Busca en el directorio ./canvas-fonts. Independientemente del enfoque, la sofisticación no es negociable.

Descarga y usa las fuentes que sean necesarias para hacer esto realidad. Sé creativo haciendo que la tipografía sea realmente parte del arte en sí mismo: si el arte es abstracto, lleva la fuente al lienzo, no la compongas digitalmente.

Para superar los límites, sigue el instinto/intuición de diseño mientras usas la filosofía como principio rector. Abraza la máxima libertad y elección de diseño. Lleva la estética y el diseño a la frontera.

CRÍTICO: Para lograr una calidad hecha por humanos (no generada por IA), crea un trabajo que parezca que tomó innumerables horas. Haz que parezca que alguien en la cima absoluta de su campo trabajó en cada detalle con un cuidado minucioso. Asegúrate de que la composición, el espaciado, las elecciones de color, la tipografía: todo grite artesanía de nivel experto. Vuelve a verificar que nada se superponga, que el formato sea impecable, cada detalle perfecto. Crea algo que se pueda mostrar a las personas para probar experiencia y clasificar como indiscutiblemente impresionante.

Genera el resultado final como un único archivo .pdf o .png descargable, junto con la filosofía de diseño utilizada como un archivo .md.


PASO FINAL

IMPORTANTE: El usuario YA dijo: "No es lo suficientemente perfecto. Debe ser prístino, una obra maestra de artesanía, como si estuviera a punto de exhibirse en un museo."

CRÍTICO: Para refinar el trabajo, evita añadir más gráficos; en su lugar, refina lo que se ha creado y hazlo extremadamente nítido, respetando la filosofía de diseño y los principios del minimalismo por completo. En lugar de añadir un filtro divertido o refactorizar una fuente, considera cómo hacer que la composición existente sea más cohesiva con el arte. Si el instinto es llamar a una nueva función o dibujar una nueva forma, DETENTE y en su lugar pregúntate: "¿Cómo puedo hacer que lo que ya está aquí sea más una obra de arte?"

Toma una segunda pasada. Vuelve al código y refina/pule aún más para hacer de esto una obra maestra filosóficamente diseñada.

OPCIÓN MULTIPÁGINA

Para crear páginas adicionales cuando se soliciten, crea páginas más creativas siguiendo la misma línea que la filosofía de diseño pero también distintivamente diferentes. Agrupa esas páginas en el mismo .pdf o en varios .pngs. Trata la primera página como una sola página en un libro de mesa de café completo esperando ser llenado. Haz que las siguientes páginas sean giros únicos y recuerdos del original. Haz que cuenten casi una historia de una manera muy elegante. Ejerce total libertad creativa.

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.

Skills relacionados