AgentSkillsCN

refinar-codigo-grafico

基于视觉对比报告对生成的代码进行精细化调整。在保证代码质量与结构的前提下，应用针对性的修正措施，不断迭代直至达到可接受的相似度（≥95%）。

SKILL.md
--- frontmatter
name: refinar-codigo-grafico
description: >
  Refina codigo generado basandose en reportes de comparacion visual.
  Aplica correcciones especificas mientras mantiene calidad y estructura.
  Itera hasta alcanzar similitud aceptable (>=95%).
license: Proyecto Educativo - IE Pedacito de Cielo
compatibility: Requiere TikZ, Python matplotlib, o R ggplot2. Linux/macOS.
metadata:
  author: alvaretto
  version: "2.1"
  language: es
allowed-tools:
  - Read
  - Write
  - Edit
  - Bash(pdflatex:*)
  - Bash(python:*)
  - Bash(Rscript:*)

Refinamiento Iterativo de Codigo Grafico

Decision Tree

code
Reporte de comparacion disponible?
    |
    +-> NO: Ejecutar /comparar-similitud-visual primero
    |
    +-> SI: Analizar correcciones
            |
            +-> Clasificar por prioridad (Alta, Media, Baja)
            |
            +-> Aplicar cambios al codigo
            |    +-> Colores
            |    +-> Posiciones
            |    +-> Valores numericos
            |    +-> Estilos
            |    +-> Elementos faltantes/extra
            |
            +-> Re-renderizar
            |
            +-> Similitud >= 95%?
                 |
                 +-> SI: Solicitar aprobacion usuario
                 +-> NO: Repetir ciclo

Principios basicos

  1. •Preservacion: No romper lo que funciona
  2. •Focalizacion: Corregir solo lo identificado
  3. •Incremental: Cambios graduales
  4. •Validacion: Verificar cada cambio
  5. •Documentacion: Registrar modificaciones

Proceso paso a paso

PASO 1: Analisis del reporte

  • •Leer reporte de comparacion completo
  • •Identificar correcciones por prioridad
  • •Verificar factibilidad

PASO 2: Aplicar correcciones

Ver patrones de correccion para:

  • •Correcciones de colores (RGB, hex)
  • •Correcciones de posiciones (coordenadas)
  • •Correcciones de rangos (ejes)
  • •Correcciones de estilos (lineas)
  • •Anadir/eliminar elementos

PASO 3: Validar y re-renderizar

bash
# TikZ
pdflatex output_tikz.tex

# Python
python output_python.py

# R
Rscript output_r.R

PASO 4: Comparar nuevamente

Ver proceso de iteracion para:

  • •Criterios de detencion
  • •Limites practicos
  • •Patrones de refinamiento exitoso

Criterios de detencion

CondicionAccion
Similitud >= 95%Solicitar aprobacion
Similitud 90-94%Evaluar si continuar
Similitud < 90%Continuar iterando
10 iteraciones sin progresoReevaluar enfoque

Mejores practicas

  1. •No cambiar todo a la vez
  2. •Validar frecuentemente
  3. •Mantener backup de versiones
  4. •Comentar cambios significativos
  5. •Priorizar matematica sobre estetica

Referencias

Integracion con otros skills

code
comparar-similitud-visual -> refinar-codigo-grafico <- ESTE SKILL
    |
    +-> (ciclo hasta >=95%)
    |
    +-> generar-schoice/cloze