design-system-analyzer
✓Analice el estilo de interfaz de usuario de cualquier sitio web utilizando ChromeDevTools para extraer tokens CSS, animaciones y estados de interacción precisos. Maneja sitios complejos y medidas anti-bot guiando al usuario. Activadores para "analizar este sitio", "extraer estilo de interfaz de usuario", "crear sistema de diseño a partir de [URL]" o "aprender estilo visual".
Instalación
SKILL.md
Analyze websites via ChromeDevTools to extract deep CSS logic (keyframes, transitions, tokens) and generate comprehensive Design System System Prompts.
For the best experience (no CAPTCHAs, shared login cookies), advise the user to run Chrome with: chrome.exe --remote-debugging-port=9222 (See references/setup-guide.md for details)
IMPORTANT: Do NOT take screenshots. Screenshots consume excessive context and are unnecessary - all visual data is extracted from CSS.
Analice el estilo de interfaz de usuario de cualquier sitio web utilizando ChromeDevTools para extraer tokens CSS, animaciones y estados de interacción precisos. Maneja sitios complejos y medidas anti-bot guiando al usuario. Activadores para "analizar este sitio", "extraer estilo de interfaz de usuario", "crear sistema de diseño a partir de [URL]" o "aprender estilo visual". Fuente: nakanosanku/ohmyskills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/nakanosanku/ohmyskills --skill design-system-analyzer- Fuente
- nakanosanku/ohmyskills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es design-system-analyzer?
Analice el estilo de interfaz de usuario de cualquier sitio web utilizando ChromeDevTools para extraer tokens CSS, animaciones y estados de interacción precisos. Maneja sitios complejos y medidas anti-bot guiando al usuario. Activadores para "analizar este sitio", "extraer estilo de interfaz de usuario", "crear sistema de diseño a partir de [URL]" o "aprender estilo visual". Fuente: nakanosanku/ohmyskills.
¿Cómo instalo design-system-analyzer?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/nakanosanku/ohmyskills --skill design-system-analyzer Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/nakanosanku/ohmyskills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01