UaiSelect UIInspector&DevTools ์ ์์: Daniel Mejia
Selecciona cualquier elemento en tu web, detecta su archivo fuente en React/Vue/Vite, copia clases Tailwind y genera prompts estructurados para IA.
ํ์ฅ ๋ฉํ ๋ฐ์ดํฐ
์คํฌ๋ฆฐ์ท
์ ๋ณด
UaiSelect es una herramienta de inspecciรณn visual y extracciรณn de contexto de interfaz diseรฑada para desarrolladores que trabajan con asistentes de IA (Cursor, Claude, Antigravity, Windsurf, ChatGPT).
Cรณdigo abierto en GitHub: https://github.com/Dearxia1/UaiSelect
- ๐ฏ Inspector Visual Instantรกneo: Haz clic en cualquier botรณn, tarjeta o elemento para ver su informaciรณn en tiempo real.
- ๐ Detecciรณn de Archivo Fuente: Localiza el archivo y lรญnea exacta del componente (
.tsx,.jsx,.vue,.svelte) en proyectos Vite, Next.js, Nuxt o Webpack. - ๐จ Clases Tailwind y CSS Computado: Copia clases aplicadas, dimensiones (
px), mรกrgenes, paddings y colores con un solo clic. - ๐ธ Captura Visual Multipropรณsito:
- Recorte: Captura ajustada al elemento seleccionado.
- Toda la Web: Captura de pรกgina completa con scroll automรกtico.
- Pantalla: Captura del viewport visible actual.
- ๐ค Generador de Prompts y JSON: Genera prompts estructurados (
fix-visual,add-feature,refactor,explain) listos para alimentar a tu IA. - โก Protocolo MCP: Compatible con el servidor MCP oficial
uaiselect-mcppara conectarse a Cursor, Claude Code y Antigravity.
Cรณdigo abierto en GitHub: https://github.com/Dearxia1/UaiSelect
๋ฆฌ๋ทฐ์ด 1๋ช
์ด 5์ ์ผ๋ก ํ๊ฐํจ
๊ถํ ๋ฐ ๋ฐ์ดํฐ
ํ์ ๊ถํ:
- ๋ธ๋ผ์ฐ์ ํญ์ ์ ๊ทผ
- ๋ชจ๋ ์น์ฌ์ดํธ์์ ์ฌ์ฉ์์ ๋ฐ์ดํฐ์ ์ ๊ทผ
์ ํ์ ๊ถํ:
- ๋ชจ๋ ์น์ฌ์ดํธ์์ ์ฌ์ฉ์์ ๋ฐ์ดํฐ์ ์ ๊ทผ
๋ฐ์ดํฐ ์์ง:
- ๊ฐ๋ฐ์๋ ์ด ํ์ฅ ๊ธฐ๋ฅ์ด ๋ฐ์ดํฐ ์์ง์ ์๊ตฌํ์ง ์๋๋ค๊ณ ๋ฐํ๊ณ ์์ต๋๋ค.
์ถ๊ฐ ์ ๋ณด
- ๋ถ๊ฐ ๊ธฐ๋ฅ ๋งํฌ
- ๋ฒ์
- 1.0.1
- ํฌ๊ธฐ
- 111.28 KB
- ์ต๊ทผ ์ ๋ฐ์ดํธ
- 11์ผ ์ (2026๋ 8์ 24์ผ)
- ๊ด๋ จ ์นดํ ๊ณ ๋ฆฌ
- ๋ผ์ด์ ์ค
- MIT ๋ผ์ด์ ์ค
- ๊ฐ์ธ์ ๋ณด์ฒ๋ฆฌ๋ฐฉ์นจ
- ์ด ๋ถ๊ฐ ๊ธฐ๋ฅ์ ๋ํ ๊ฐ์ธ์ ๋ณด์ฒ๋ฆฌ๋ฐฉ์นจ ์ฝ๊ธฐ
- ๋ฒ์ ๋ชฉ๋ก
- ๋ชจ์์ง์ ์ถ๊ฐ