Star200+

Drawio Ai Kit

Sólido · 85
Indexado por la comunidad

Teach your AI to draw correct, beautiful draw.io diagrams — declarative layout engine, ground-truth stencils, structural validator, vision self-check. AWS · Azure · GCP · Databricks · BPMN. Zero dependencies.

Verified installs0
Estrellas620
Versión1.0.0
Calidad100/100 · Excelente
Confianza85/100 · Revisar antes de instalar
Auditoría93/100 · Seguro para probar

Perfil del activo

Diseño y producción creativa

Design assets, images, video, audio, multimodal media, presentation, and creative production skills.

Ver categoría

Escenario

Diseño y creatividad

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Afinidad con Agent

Claude Code + CLI + Codex

Funciona con Codex, Claude Code, Cursor, CLI o Agents personalizados.

Instalar

Listo

npx skills add sparklabx/drawio-ai-kit

Mantenimiento

Actual

17 días desde el último push

Riesgo

Seguro para probar

No major risk signals from available metadata

Calidad de GitHub

620

100/100 Calidad · 88/100 Confianza

Etiquetas de cobertura

DiseñoDiseño y creatividadDiseño y creatividaddrawiodiagram

Notas de revisión

No major risk signals from available metadata

Tarjeta de adopción del Agent

Confianza, auditoría y preparación de instalación de un vistazo

Estas puntuaciones combinan metadatos públicos del repositorio, señales de revisión de OpenAgentSkill, actualidad de mantenimiento y preparación de instalación. Sirven para preseleccionar; no sustituyen la revisión humana.

Calidad

Excelente
100

High-confidence pick with strong adoption and healthy maintenance signals.

Confianza

Revisar antes de instalar
85

Buena señal para la preselección, pero el Agent debe revisar las notas de auditoría, la política de instalación y la evidencia de resultados antes de ejecutarlo.

Auditoría

Seguro para probar
93

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Trust Score de OpenAgentSkill v5

Candidata para instalación de Agent

Úsalo como candidato principal tras revisión humana o en sandbox.

JavaScriptCodexClaude CodeCursorOpenAgentSkill CLI

Estrellas

620 estrellas de GitHub

Actividad del repositorio

620 estrellas y 108 forks

Mantenimiento

17 días desde el último push

Licencia

MIT

Instalar

npx skills add sparklabx/drawio-ai-kit

Seguridad de instalación

Ruta estándar de paquete o instalación en tiempo de ejecución

Superficie de permisos

Ejecución de shell o comandos

Resultados del Agent

Aún no hay datos de resultados del Agent

Documentación

Contexto sólido de README/SKILL.md

Resumen de riesgo

Riesgo de metadatos bajo

  • No major trust warnings detected from available metadata

Preparación de instalación

Ruta de instalación disponible

  • La ruta de instalación está disponible
  • La evidencia del repositorio está disponible
  • La licencia está declarada
  • Aún no hay evidencia de resultados Agent-Proven

Metadatos legibles por Agent

Datos de decisión legibles por máquina para este skill.

Usa este bloque o el JSON integrado para decidir si un Agent debe instalar este skill, elegir una alternativa o pedir revisión humana primero.

Abrir JSON

Tareas adecuadas

  • Flujos de Agents de investigación
  • Equipos de Claude Code
  • Equipos que valoran señales de adopción de GitHub
  • Fuentes de búsqueda

Agents adecuados

JavaScriptCodexClaude CodeCursorOpenAgentSkill CLICLI

Decisión de instalación

Comando
npx skills add sparklabx/drawio-ai-kit
Política
Revisar
Revisión humana
Sí

Confianza y riesgo

Confianza
85/100
Auditoría
93/100
Nivel de riesgo
Seguro para probar

Ciclo de resultados

Endpoint
/api/agent/outcome
ID del evento
resolve
Resultados
5

Comando de instalación

npx skills add sparklabx/drawio-ai-kit
Auditoría públicaInforme de evaluaciónAPI ResolveTraspaso de instalación

No usar cuando

  • Equipos que necesitan un SLA con soporte del proveedor
  • Entornos de alta conformidad sin revisión interna de seguridad
  • No major risk signals from current metadata
  • Indicios de permisos de alto riesgo: ejecución de shell o comandos
  • No major trust warnings detected from available metadata

Skill alternativo

Frontend Design

171.1K Estrellas

npx skills add anthropics/skills --skill frontend-design

Skill alternativo

Taste Skill: Anti-Slop Frontend

79.4K Estrellas

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Skill alternativo

Canvas Design

171.1K Estrellas

npx skills add anthropics/skills --skill canvas-design

Skill alternativo

Anthropic Brand Guidelines

171.1K Estrellas

npx skills add anthropics/skills --skill brand-guidelines

Seguridad de Agent v2

69/100 · Revisar antes de instalar

Revisado con notas de permisosRevisar

Candidato utilizable, pero el Agent debe mostrar las notas de permisos y auditoría antes de instalar.

Requiere aprobación humana antes de instalar en un espacio de trabajo real.

Resolver con API

Alto

Ejecución de shell o comandos

Los metadatos del skill hacen referencia a terminal, CLI, shell, subprocesos o flujos de ejecución de comandos.

Medio

Acceso a red

El skill probablemente consulta páginas remotas, API, repositorios o servicios externos.

  • Indicios de permisos de alto riesgo: ejecución de shell o comandos

Destinos de instalación

Instala este skill en tu flujo de Agent

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

skill install

OpenAgentSkill CLI

Resolve policy, run the source installer safely, and report a verified install receipt.

$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install sparklabx-drawio-ai-kit

Plan de resolución de Agent

Deja que un Agent valide el ajuste antes de instalar.

La API Resolve devuelve la skill elegida, alternativas, política de seguridad, notas de auditoría, destino de instalación y un prompt listo para usar.

Abrir plan de texto

Abrir JSON

/api/agent/resolve?task=Use%20Drawio%20Ai%20Kit%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Texto de Resolve

/api/agent/resolve?task=Use%20Drawio%20Ai%20Kit%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Traspaso de instalación

/api/skills/sparklabx-drawio-ai-kit/install

Agent debe revisar

  • Task fit and alternatives from Resolve API.
  • Audit score, trust score, and safety policy warnings.
  • Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copiar prompt

Task: Use Drawio Ai Kit in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Drawio%20Ai%20Kit%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/sparklabx-drawio-ai-kit/install
Install command: npx skills add sparklabx/drawio-ai-kit
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Traspaso de Agent

Da al Agent la ruta de instalación, no otro directorio.

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

Abrir API de instalación

Traspaso de instalación

/api/skills/sparklabx-drawio-ai-kit/install

Formato de texto LLM

/api/skills/sparklabx-drawio-ai-kit/install?format=text

Buscar alternativas

/api/skills/search?q=Drawio%20Ai%20Kit&limit=3

Prompt de Agent

Use Drawio Ai Kit for this task. Review https://www.openagentskill.com/api/skills/sparklabx-drawio-ai-kit/install, then install with: npx skills add sparklabx/drawio-ai-kit

Metadatos del Registry

Perfil legible por Agent para seleccionar skills automáticamente.

La API Registry expone señales de decisión, confianza, auditoría, casos de uso e instalación sin raspar la interfaz.

Abrir Manifest

Manifest

/api/registry/manifest/sparklabx-drawio-ai-kit

Texto LLM

/api/registry/manifest/sparklabx-drawio-ai-kit?format=text

Alias de instalación

/api/registry/install/sparklabx-drawio-ai-kit

Recomendar

/api/registry/recommend?task=Use%20Drawio%20Ai%20Kit%20in%20an%20agent%20workflow&limit=3

Afinidad con Agent

100/100

Agents de investigación

Etiquetas de uso

Agents de investigaciónDiseño y creatividadSecurity and compliance

Plataformas

JavaScript, Claude Code

Informe de auditoría

Seguro para probar · 93/100

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Ver informe de auditoríaVer informe de evaluación

Panel de decisión de Agent

Elección principal para Agents de investigación

Use this as a leading candidate, then validate the README and install path in your own agent stack.

100
Preparación
Adoptar
Etapa

Rol en la pila

Elección principal

Ajuste principal

Agents de investigación

Etiqueta de confianza

Listo para producción

Ruta de instalación

Comando listo

Úsalo cuando

  • Flujos de Agents de investigación
  • Equipos de Claude Code
  • Equipos que valoran señales de adopción de GitHub

Evidencia

  • 620 estrellas de GitHub
  • recent repository activity
  • install command or GitHub repo available
  • perfil de calidad 100/100
  • 13 eventos de interacción de OpenAgentSkill

revisar primero

  • No major risk signals from current metadata

Ruta de implementación

  1. 1Instálalo en un Agent de sandbox y ejecuta una tarea de Agents de investigación de principio a fin.
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Perfil de confianza

Revisar antes de instalar

Buena señal para la preselección, pero el Agent debe revisar las notas de auditoría, la política de instalación y la evidencia de resultados antes de ejecutarlo.

85
Trust Score de OpenAgentSkill

Adopción en GitHub

Info

620 estrellas de GitHub

Actividad de stars/forks

Info

620 estrellas y 108 forks; la actividad de issues no está disponible en los metadatos actuales

Mantenimiento reciente

Aprobado

17 días desde el último push

Claridad de licencia

Aprobado

MIT

Señales positivas

  • Ficha verificada manualmente
  • Revisión de IA aprobada
  • La ruta de instalación está disponible
  • La evidencia del repositorio está disponible
  • Repositorio mantenido recientemente
  • Señal significativa de adopción en GitHub
  • El comando de instalación no muestra un patrón de alto riesgo evidente
  • El ciclo de resultados está listo, pero necesita la primera ejecución real de Agent

Revisar antes de instalar

  • Aún no hay informes reales de resultados del Agent
  • Se requiere revisión humana antes de una instalación desatendida

Acción recomendada

Úsalo como candidato principal tras revisión humana o en sandbox.

Perfil de calidad

Excelente candidato para flujos de Agent

High-confidence pick with strong adoption and healthy maintenance signals.

100
Estrellas de GitHub
620
Actualidad
hace 17 días
Listo para instalar
Sí
Licencia
MIT

Ajuste de flujo

Usa esta skill en estos escenarios

Investigate faster

Research agents

I need my agent to research a topic, compare sources, and produce a concise report.

Create assets

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Reduce risk

Security and compliance

I need my agent to scan a project for security risks and summarize what needs attention.

Ajuste de flujo

Añadir a un flujo completo

Find, compare, and synthesize

Research report agent

A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Operate and verify web apps

Browser QA agent

A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Lista de alternativas

Compara antes de instalar

Similar skills that may fit this task.

Comparar todo

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Adoptar
Listo100
Calidad100
Estrellas171.1K

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Adoptar
Listo100
Calidad100
Estrellas79.4K

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Adoptar
Listo100
Calidad100
Estrellas171.1K

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Adoptar
Listo100
Calidad100
Estrellas171.1K

Resumen

<p align="center"> <img src="docs/logo.png" width="150" alt="drawio-ai-kit logo" valign="middle"> &nbsp;&nbsp; <img src="docs/wordmark.svg" width="360" alt="drawio-ai-kit — the AI draws, the kit makes it right" valign="middle"> </p>

<p align="center"> <img src="https://img.shields.io/badge/version-1.0.2-22D3EE?style=flat-square" alt="Version 1.0.2"> <img src="https://img.shields.io/badge/dependencies-0-2BB3A3?style=flat-square" alt="Dependencies: 0"> <img src="https://img.shields.io/badge/skills-5-5AA9FF?style=flat-square" alt="5 domain skills"> <img src="https://img.shields.io/badge/node-%E2%89%A518-B98CF0?style=flat-square" alt="Node ≥18"> <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-F59E0B?style=flat-square" alt="License: MIT"></a> <a href="CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-ff69b4?style=flat-square" alt="PRs welcome"></a> </p>

An orchestration and validation framework enabling AI agents to generate **structurally precise and aesthetically standardized** draw.io diagrams, optimized for AWS, Azure & GCP architectures.

It mitigates common AI agent hallucinations (such as generating non-existent stencil IDs that result in empty shapes) using three key components:

1. **Declarative Catalog** — A single source of truth mapping draw.io stencil IDs (`mxgraph.aws4.*`) to their respective taxonomies and canonical color palettes. 2. **Design Principles** — Codified architectural and layout rules (`rules/principles.md`). 3. **Structural Validator** — A static analysis engine that audits diagram XML to guarantee stencil references are valid and design principles are satisfied prior to serialization.

Exposed to the AI via the **zero-dependency `drawio-ai` CLI**.

## Showcase

One diagram per platform — all generated end-to-end by the kit: no hand-placed coordinates, real stencils, validated, vision-checked. Full set in [`examples/`](examples/).

<p align="center"><img src="docs/gallery.png" width="

Compatibilidad de plataforma

javascriptFULL

Detalles técnicos

Versión
1.0.0
Licencia
MIT
Última actualización
18 ago 2026
Publicado
6 ago 2026

Frameworks y herramientas

JavaScript

Resumen de decisión

Elección principal

100
Listo
Adoptar
Etapa

620 estrellas de GitHub

Auditoría

Revisión de instalación

Revisión de instalación y adopción

93
Seguro para probar
Seguridad
86/100
Mantenimiento
100/100
Instalar
92/100
Abrir auditoría completaVer informe de evaluación

Evidencia probada por Agent

Evidencia probada por Agent

Informes de resultados tras resolver, revisar, instalar y una ejecución limitada.

0
Probado
Needs first agent runAuto-instalación: revisar primeroÚltimo: Desconocido
Tasa de éxito
—
Fallo reciente
—
Resultados
0
Calidad de salida
—
Fallidos
0
No relevante
0
Instalaciones
0
Bloqueado por riesgo
0
Configuración necesaria
0
Producción
0

Aún no hay datos de resultados de Agent. La primera ejecución puede informar éxito, configuración necesaria, bloqueos de riesgo, fallo o irrelevancia mediante /api/agent/outcome.

Ranking probado por AgentContrato de resultados

Instalar

Añadir al flujo de Agent

Gratis y de código abierto. Revisa el informe antes de instalar en Agents de producción.

Comparar alternativasPlan de resolución automáticaVer en GitHubDocumentación

Bucle de crecimiento

Kit para compartir

X

Borrador basado en un caso para Drawio Ai Kit, listo para publicar manualmente en X.

Nota del curador
A practical pick for design or creative work:

Drawio Ai Kit: A reusable skill kit for AI agents to generate structurally precise and aesthetically standardized draw.io diagrams across...

620 stars

https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit?ref=x
Abrir borrador de X
Respuesta opcional con comando de instalación
Listing + install path for Drawio Ai Kit:
https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit?ref=x

Install: npx skills add sparklabx/drawio-ai-kit
Abrir borrador de respuesta

Fuente de la ficha

Indexado por la comunidad

Reclamable

Esta ficha se indexó desde fuentes públicas y no está marcada como oficial hasta que se apruebe una reclamación de mantenedor.

Creador
sparklabx
Indexado por
Índice comunitario de OpenAgentSkill

La atribución enlaza al repositorio público o al perfil del creador. Los creadores pueden reclamar la ficha para actualizar las señales de propiedad.

Reclamar este skill

Reclamación del propietario

Reclamar esta ficha de skill

Esta ficha Indexado por la comunidad se atribuye a sparklabx, pero aún no está marcada como oficial. Reclámala para añadir una señal de propietario verificado y hacer más fiables futuras actualizaciones de lanzamiento, instalación y auditoría.

Kit de enlaces para creadores

Añade las insignias de evidencia a tu README

Muestra la ficha canónica, las señales actuales de confianza y auditoría, y evidencia real de Agent-Proven donde los desarrolladores evalúan el repositorio.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/sparklabx-drawio-ai-kit?metric=listed&label=Listed)](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/sparklabx-drawio-ai-kit?metric=trust&label=Trust)](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/sparklabx-drawio-ai-kit?metric=audit&label=Audit)](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/sparklabx-drawio-ai-kit?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)
Vista previa de insignia Abrir auditoría Kit para creadores

Autor

S

sparklabx✓

@sparklabx

Etiquetas

drawiodiagramai-agentskillvalidation

Afinidad con plataforma

Claude Code

Señales de salud

Estrellas de GitHub
620
Puntuación de calidad
63/100
Último push de GitHub
6 ago 2026
Pistas del framework
1
Vistas de OpenAgentSkill
13
Copias de instalación
0
Clics externos
0

Señal de comunidad

Comparte si este skill resulta útil para tu flujo de Agent. Los comentarios agregados mejoran la clasificación con el tiempo.

Confianza y seguridad

Revisar antes de instalar

85
  • Adopción en GitHub620 estrellas de GitHubInfo
  • Actividad de stars/forks620 estrellas y 108 forks; la actividad de issues no está disponible en los metadatos actualesInfo
  • Mantenimiento reciente17 días desde el último pushAprobado
  • Claridad de licenciaMITAprobado
  • Completitud de README/SKILL.mdLos metadatos incluyen suficiente contexto de uso y flujo de trabajoAprobado
  • Riesgo de dependencias/runtimeSuperficie de ejecución de comandosInfo

Skills relacionados

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

171.1K Estrellas

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.4K Estrellas

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

171.1K Estrellas

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

171.1K Estrellas
InstalarVer en GitHub