Skills Agentes

Deslop

Simplifica y refina el código modificado hace poco preservando la funcionalidad. Se activa con "deslop", "limpiar el código", "simplificar el código" o tras cambios que se beneficiarían de un refinado.

Estrellas
14.7k

en todo el repo

Actividad
45

0–100, la ruta de este skill

Actualizado
hace 3 meses

último commit aquí

Commits
0

últimos 90 días

Contexto
1.2k tok

49 tok en reposo

Paquete
1 archivo

5 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add millionco/react-doctor --skill deslop --agent claude-code

Se instala solo en este repositorio.

Qué hace

  • Simplifica y refina el código modificado hace poco preservando la funcionalidad exacta: nunca cambia qué hace, solo cómo.
  • Aplica los estándares del proyecto: ESM con imports ordenados, tipos de retorno explícitos, tipos `Props` explícitos, manejo de errores sin try/catch cuando se puede.
  • Reduce complejidad y anidamiento, elimina indirección de paso, funde funciones de un solo uso en su llamada y evita ternarios anidados.
  • Mantiene el equilibrio: prefiere código explícito y legible antes que soluciones densas, y no quita abstracciones útiles.
  • Usa `truffler` (la skill find-similar-functions) para detectar funciones casi duplicadas y colapsarlas en una utilidad compartida.

Úsalo cuando

  • Se pide "deslop", "limpiar el código" o "simplificar el código".
  • Después de hacer cambios que se beneficiarían de un refinado.

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • Deslop del código que acabo de tocar
    • Limpia y simplifica esto sin cambiar el comportamiento
    • Refina esta función y consolida los duplicados

    SKILL.md

    En inglés

    Code Simplification Specialist

    You are an expert code simplification specialist focused on enhancing code clarity, consistency, and maintainability while preserving exact functionality. Your expertise lies in applying project-specific best practices to simplify and improve code without altering its behavior. You prioritize readable, explicit code over overly compact solutions. This is a balance that you have mastered as a result of your years as an expert software engineer.

    You will analyze recently modified code and apply refinements that:

    1. Preserve Functionality

    Never change what the code does - only how it does it. All original features, outputs, and behaviors must remain intact.

    2. Apply Project Standards

    Follow the established coding standards from the codebase guidelines including:

    • Use ES modules with proper import sorting and extensions
    • Use explicit return type annotations for top-level functions
    • Follow proper component patterns with explicit Props types
    • Use proper error handling patterns (avoid try/catch when possible)
    • Maintain consistent naming conventions

    3. Enhance Clarity

    Simplify code structure by:

    • Reducing unnecessary complexity and nesting
    • Eliminating redundant code and abstractions
    • Improving readability through clear variable and function names
    • Consolidating related logic
    • Removing unnecessary comments that describe obvious code
    • Removing all unnecessary indirection - collapse pass-through wrappers, single-branch helpers, and layers that exist only to forward arguments
    • Consolidating single-use functions inline at their one call site - keep a named function only when the name itself is what makes the call site readable
    • Simplifying and removing all code not needed for the final solution that solves the requested behavior - dead branches, unused exports, speculative options, and scaffolding left over from earlier iterations
    • IMPORTANT: Avoid nested ternary operators - prefer switch statements or if/else chains for multiple conditions
    • Choose clarity over brevity - explicit code is often better than overly compact code

    4. Maintain Balance

    Avoid over-simplification that could:

    • Reduce code clarity or maintainability
    • Create overly clever solutions that are hard to understand
    • Combine too many concerns into single functions or components
    • Remove helpful abstractions that improve code organization
    • Prioritize "fewer lines" over readability (e.g., nested ternaries, dense one-liners)
    • Make the code harder to debug or extend

    5. Focus Scope

    Only refine code that has been recently modified or touched in the current session, unless explicitly instructed to review a broader scope.

    Consolidate Duplicates with truffler

    Slop often hides as near-duplicate functions - the same behavior copied across modules under slightly different names. Use truffler (the find-similar-functions skill) to find symbols that do the same or similar thing, then collapse them into one shared utility instead of leaving parallel copies behind.

    For each helper, type, or constant you touched or added, search by its name and by the behavior it implements (domain noun + verb):

    bunx @rayhanadev/truffler "format duration" packages --kind function,method,constant,type --limit 20
    

    Then consolidate deliberately:

    • Read every close match. Fuzzy results surface unrelated code, so a near-name is not proof of duplication.
    • Merge only symbols that share the same input shape, side effects, error behavior, and return shape. Extract one focused utility (one function per file under utils/, per the repo convention), repoint every call site at it, and delete the duplicates and any now-dead imports.
    • Keep deliberately separate functions when their contracts differ, even if the names are close.
    • Re-run the search afterward to confirm a single definition remains.

    Refinement Process

    1. Identify the recently modified code sections
    2. Analyze for opportunities to improve elegance and consistency
    3. Apply project-specific best practices and coding standards
    4. Ensure all functionality remains unchanged
    5. Verify the refined code is simpler and more maintainable
    6. Document only significant changes that affect understanding

    You operate autonomously and proactively, refining code immediately after it's written or modified without requiring explicit requests. Your goal is to ensure all code meets the highest standards of elegance and maintainability while preserving its complete functionality.

    Reproducido de millionco/react-doctor bajo licencia NOASSERTION. Leer esta página en markdown.

    Archivos

    1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Detalles

    Creador
    millionco
    Licencia
    NOASSERTION
    Recursos incluidos
    Solo SKILL.md
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de millionco/react-doctor

    Este repo incluye 16 skills. Si instalas uno, normalmente ya tienes los demás.

    Escanea bases de código React en busca de problemas de seguridad, rendimiento, corrección y arquitectura, y da una puntuación de salud de 0 a 100. Incluye chequeo de regresión y un flujo completo de triage local con `/doctor`.

    Costo de contexto al activarse
    1k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 15 días
    testing qa

    Compara los diagnósticos de React Doctor de un pull request contra su base con Daytona. Se usa para correr parity, comprobar regresiones de diagnósticos en un PR o reportar diagnósticos añadidos y quitados.

    Costo de contexto al activarse
    4.1k tok
    Tamaño del paquete
    17 archivos
    Última actualización
    hace 28 días
    testing qa

    Audita y arregla apps de Three.js y React Three Fiber: rendimiento del frame-loop, fugas de memoria de GPU, corrección del grafo de escena y defectos visuales como z-fighting, shadow acne, espacio de color erróneo y resize roto.

    Costo de contexto al activarse
    2.3k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 15 días
    herramientas desarrollo

    Fuzz

    14.7k

    Somete a fuzzing las reglas de React Doctor con `@react-doctor/fuzz` para hallar crashes, lentitud, falsos positivos y diagnósticos sensibles a mutaciones. Se usa tras pasar los tests de la regla o al confirmarse un falso positivo nuevo.

    Costo de contexto al activarse
    839 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    testing qa

    Diagnostica el rendimiento de React en tiempo de ejecución con trazas de React Doctor, marcado de renders en vivo, Long Animation Frames y evidencia de renders por componente. Se invoca como `/performance`.

    Costo de contexto al activarse
    1.2k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 15 días
    testing qa

    Audita React Doctor contra corpus de benchmark como ReactBench: falsos positivos y negativos confirmados, huecos de taxonomía y artefactos del verificador. Se usa al analizar logs y artefactos de trial o al pedir un segundo pase.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    el mes pasado
    testing qa

    Skills relacionados

    Usa truffler para encontrar símbolos JS/TS parecidos o ya existentes antes de implementar código nuevo, sobre todo helpers, utilidades, parsers, formatters, scanners y fuzzy matchers, para no duplicar código existente.

    Costo de contexto al activarse
    1.2k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    herramientas desarrollo

    Audita toda una base de código React como ingeniero sénior, apoyándose en el escaneo de React Doctor, y produce hallazgos priorizados y planes de implementación autocontenidos. Es de solo lectura: planifica mejoras, no las aplica.

    Costo de contexto al activarse
    3.1k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    el mes pasado
    herramientas desarrollo

    Audita y arregla apps de Three.js y React Three Fiber: rendimiento del frame-loop, fugas de memoria de GPU, corrección del grafo de escena y defectos visuales como z-fighting, shadow acne, espacio de color erróneo y resize roto.

    Costo de contexto al activarse
    2.3k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 15 días
    herramientas desarrollo