ContentMédio

Blueprinter

poryofine·yofine· v1.0.0 · atualizado em 2026-04-11

Score

Generate technical diagrams using HTML/CSS in Flat Engineering Blueprint style. Use when the user wants to create architecture diagrams, system diagrams, flowcharts, or technical specification sheets that look like engineering blueprints. Triggers on requests for flat diagrams, blueprint-style visualizations, or technical drawings.

diagram-generationtechnical-diagramsblueprint-stylehtml-cssvisualizationflat-design

Linguagens

HTMLCSS

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdblueprinter/workflow

1. Receive user request for a technical diagram.

2. Determine the diagram type (architecture, system, flowchart, etc.).

3. Create the basic HTML structure with diagram container and header.

4. Apply CSS styles based on the Flat Engineering Blueprint guidelines (colors, fonts, borders).

5. Add diagram content using HTML elements (divs, SVG connectors, etc.).

6. Arrange elements using CSS Grid or Flexbox for strict alignment.

7. Output the complete HTML/CSS code for the diagram.

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%

Árvore do Skill

Blueprinter

blueprinter

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.REFLECT

Triggers8

generate a technical diagramcreate an architecture diagram in blueprint styleproduce a system diagramdraw a flowchartcreate a technical specification sheetgenerate a flat engineering blueprintmake a diagram with HTML and CSSvisualize the system architecture as a blueprint

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 blueprinter

$ synaptic skills detail blueprinter

$ synaptic skills live blueprinter

Links

GitHub Repository