MCP HubMCP Hub
Volver a habilidades

frontend-patterns

romiluz13
Actualizado 27 days ago
111 vistas
15
3
15
Ver en GitHub
Metaexcelaidesign

Acerca de

Esta Skill de Claude analiza y diseña interfaces de usuario de manera proactiva, comenzando por comprender los requisitos funcionales y los flujos de usuario. Identifica problemas de UX, obstáculos de accesibilidad y fallos de diseño visual, al mismo tiempo que sugiere oportunidades para lograr una estética distintiva y memorable. Úsala al revisar o diseñar interfaces para obtener mejoras específicas y prácticas que eviten los patrones de diseño genéricos de la IA.

Instalación rápida

Claude Code

Recomendado
Principal
npx skills add romiluz13/cc10x -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/romiluz13/cc10x
Git CloneAlternativo
git clone https://github.com/romiluz13/cc10x.git ~/.claude/skills/frontend-patterns

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

romiluz13/cc10x
Ruta: plugins/cc10x/skills/frontend-patterns
0

Habilidades relacionadas

content-collections

Meta

Esta habilidad proporciona una configuración probada en producción para Content Collections, una herramienta centrada en TypeScript que transforma archivos Markdown/MDX en colecciones de datos con tipado seguro mediante validación Zod. Úsala al construir blogs, sitios de documentación o aplicaciones Vite + React con mucho contenido para garantizar seguridad de tipos y validación automática de contenido. Abarca todo, desde la configuración del plugin de Vite y compilación MDX hasta la optimización de despliegue y validación de esquemas.

Ver habilidad

polymarket

Meta

Esta habilidad permite a los desarrolladores crear aplicaciones con la plataforma de mercados de predicción Polymarket, incluyendo la integración de API para operaciones y datos de mercado. También proporciona transmisión de datos en tiempo real a través de WebSocket para monitorear operaciones en vivo y actividad del mercado. Úsela para implementar estrategias de trading o crear herramientas que procesen actualizaciones de mercado en tiempo real.

Ver habilidad

creating-opencode-plugins

Meta

Esta habilidad ayuda a los desarrolladores a crear complementos de OpenCode que se conectan a más de 25 tipos de eventos, como comandos, archivos y operaciones LSP. Proporciona la estructura del complemento, las especificaciones de la API de eventos y los patrones de implementación para módulos en JavaScript/TypeScript. Úsala cuando necesites interceptar, monitorear o extender el ciclo de vida del asistente de IA de OpenCode con lógica personalizada basada en eventos.

Ver habilidad

sglang

Meta

SGLang es un framework de alto rendimiento para el servicio de LLM que se especializa en generación rápida y estructurada para JSON, expresiones regulares y flujos de trabajo de agentes utilizando su caché de prefijos RadixAttention. Ofrece una inferencia significativamente más rápida, especialmente para tareas con prefijos repetidos, lo que lo hace ideal para salidas complejas y estructuradas, y conversaciones multiturno. Elige SGLang sobre alternativas como vLLM cuando necesites decodificación restringida o estés construyendo aplicaciones con uso extensivo de prefijos compartidos.

Ver habilidad