managing-optimistic-ui
Acerca de
Esta habilidad implementa actualizaciones optimistas de la interfaz de usuario utilizando el hook `useOptimistic` de React para proporcionar retroalimentación visual instantánea ante acciones del usuario, como reservas o "me gusta". Está diseñada para escenarios en los que se desea mejorar el rendimiento percibido actualizando la interfaz de inmediato mientras el procesamiento del backend ocurre en segundo plano. La implementación maneja automáticamente reversiones si las acciones del servidor fallan, garantizando la consistencia de los datos.
Instalación rápida
Claude Code
Recomendadonpx skills add itsmeAlee/Tourly2 -a claude-code/plugin add https://github.com/itsmeAlee/Tourly2git clone https://github.com/itsmeAlee/Tourly2.git ~/.claude/skills/managing-optimistic-uiCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Habilidades relacionadas
executing-plans
DiseñoUtilice la habilidad executing-plans cuando tenga un plan de implementación completo para ejecutar en lotes controlados con puntos de revisión. Esta habilidad carga y revisa críticamente el plan, luego ejecuta tareas en pequeños lotes (por defecto 3 tareas) mientras reporta el progreso entre cada lote para la revisión del arquitecto. Esto asegura una implementación sistemática con puntos de control de calidad integrados.
requesting-code-review
DiseñoEsta habilidad despacha un subagente revisor de código para analizar los cambios en el código frente a los requisitos antes de proceder. Debe usarse después de completar tareas, implementar funciones principales o antes de fusionar con la rama principal. La revisión ayuda a detectar problemas de forma temprana al comparar la implementación actual con el plan original.
connect-mcp-server
DiseñoEsta habilidad proporciona una guía integral para que los desarrolladores conecten servidores MCP a Claude Code mediante transportes HTTP, stdio o SSE. Cubre la instalación, configuración, autenticación y seguridad para integrar servicios externos como GitHub, Notion y APIs personalizadas. Úsala al configurar integraciones MCP, al configurar herramientas externas o al trabajar con el Protocolo de Contexto del Modelo de Claude.
web-cli-teleport
DiseñoEsta habilidad ayuda a los desarrolladores a elegir entre las interfaces web y CLI de Claude Code mediante el análisis de tareas, y luego permite la teletransportación fluida de sesiones entre estos entornos. Optimiza el flujo de trabajo gestionando el estado y el contexto de la sesión al cambiar entre web, CLI o móvil. Úsala para proyectos complejos que requieren diferentes herramientas en varias etapas.