ContentMédio

Info Card Designer

porjoeseesun·joeseesun· v1.0.0 · atualizado em 2026-04-11

Score

This skill designs information cards. It can generate visually appealing and informative cards based on provided data.

info-card-designcontent-creationimage-generationsocial-medialayout-designgraphic-design

Linguagens

HTMLCSS

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdinfo-card-designer/workflow

Analyze Content Density: — Determine if the content is low, medium, or high density.

Generate HTML: — Create HTML for the info card based on `design-spec.md`, setting width and font sizes.

Screenshot: — Navigate to the HTML file, emulate the viewport, resize the page, and take a full-page screenshot.

Split Image (if needed): — If the screenshot height exceeds 1200px, split the image into multiple parts.

Save and Output: — Save the image(s) to the specified directory and inform the user of the file path and number of images.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aFramer Code Development

60%

Similar aUI Design Brain

60%

Similar aSync Figma Token

60%

40%

Árvore do Skill

Info Card Designer

info-card-designer

Fases Cognitivas4

1.SENSE

2.CONTEXTUALIZE

3.ACT

4.REFLECT

Triggers6

design an info cardcreate a magazine-style info cardgenerate an image for social mediamake an info card for X/Twittercreate a shareable info cardturn content into an info card

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download info-card-designer

$ synaptic skills detail info-card-designer

$ synaptic skills live info-card-designer

Dependências

Python

Links

GitHub Repository