메뉴
Genera diagramas Excalidraw profesionales con PNGs exportados usando Playwright. USA cuando el usuario mencione 'diagrama excalidraw', 'generar diagrama PNG', 'arquitectura visual', 'flowchart', o 'generar PNG de diagrama'.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | excalidraw-diagram |
| version | 1.0.0 |
| description | Genera diagramas Excalidraw profesionales con PNGs exportados usando Playwright. USA cuando el usuario mencione 'diagrama excalidraw', 'generar diagrama PNG', 'arquitectura visual', 'flowchart', o 'generar PNG de diagrama'. |
| compatibility | opencode |
| metadata | {"language":"en","author":"wisrovi","status":"stable","tags":["diagrams","excalidraw","png","architecture","visualization"],"requires":["playwright"]} |
| inputs | [{"type":"diagram_type","description":"Tipo de diagrama (architecture, flow, sequence)"},{"type":"elements","description":"Elementos del diagrama (cajas, flechas, texto)"}] |
| outputs | [{"type":"excalidraw_json","description":"Archivo .excalidraw con JSON"},{"type":"png_image","description":"Imagen PNG renderizada"}] |
| anti_trigger | ["Solo quiero texto"] |
| triggers | ["diagrama excalidraw","generar diagrama PNG","arquitectura visual","flowchart"] |
cd .agents/skills/excalidraw-diagram/references
uv sync
uv run playwright install chromium
| # | Archivo | Descripción |
|---|---|---|
| 1 | system-architecture.excalidraw | Vista general componentes |
| 2 | data-flow.excalidraw | Flujo de datos |
| 3 | component-interaction.excalidraw | Interacción módulos |
cd .agents/skills/excalidraw-diagram/references
uv run python render_excalidraw.py \
docs/diagrams/system-architecture.excalidraw \
--output docs/diagrams/system-architecture.png \
--scale 2
| Componente | strokeColor | backgroundColor |
|---|---|---|
| Frontend | #0891b2 | #cffafe |
| Backend | #1e40af | #dbeafe |
| Database | #7c3aed | #ede9fe |
| External | #ea580c | #ffedd5 |
| Start | #059669 | #d1fae5 |
| Error | #dc2626 | #fee2e2 |
Workflow for maintaining and building the wpipe VS Code extension. Use when working in 'editors/vscode/' to compile, package, or update the extension.
Handles core library maintenance for wpipe, including example validation (pytest), concurrency fixes, version bumping, PyPI publication, and repository synchronization. Use when making changes to the 'wpipe/' directory or preparing a new release.
"Audita código Python completamente: Pylint ≥9.0, tests con coverage ≥85%, reportes HTML/PDF profesionales. USA esta skill cuando el usuario mencione 'auditar código', 'quality', 'coverage', 'tests', 'pylint', 'pytest coverage', o 'generar reporte de calidad'. Genera REPORT.md, REPORT.html y REPORT.pdf."
Revisa código Python automáticamente ANTES de presentarlo. Refactoriza, mejora calidad y genera Security Report estilo pentest. USA esta skill cuando: el usuario pida 'revisar código', 'analizar código', mencione 'seguridad', 'vulnerabilidades', o siempre ANTES de presentar código. MIENTRAS el agente escriba código, debe aplicar esta skill.
Convierte documentos (DOCX, PDF, Excel, ODT) a Markdown. USA cuando el usuario mencione 'convertir a markdown', 'DOCX a md', 'PDF a texto', 'Excel a tabla', 'migrar documentos', o 'extraer contenido de documento'.
Genera documentación completa: Sphinx (HTML) + LaTeX (PDF) + Technical Whitepaper. USA los PNGs de readme-makefile. Invoca sphinx-docs antes de PDF. USA cuando el usuario mencione 'generar PDF', 'documentación LaTeX', 'whitepaper', 'technical docs', o 'generar documentación completa'.