Diseño web: la gran barrera

con la IA el diseño web se habr abaratado una barbaridad.

El otro día pe pidieron hacer una página siguiendo el estil de un portal de "self-service" y le pedí a la IA que me hiciese las css para que fuese exactamente igual al estilo del portal, me lo hizo en 2 minutos. y era clavado.
 
tantrapunk dijo:
Tras haber hecho dos webs a unos conocidos, realmente siento que a nivel basico puedo funcionar: en lighthouse estoy a 100 practicamente en los 4 apartados, excelente velocidad, seguridad, buen posicionamiento orgánico, hospedado en mi propio vps (control al 100%), etc.

El siguiente paso es hacerme mi propia web para portfolio, quizas un pequeño blog, etc.

Pero en diseño estoy en pañales. Miro webs profesionales de esas que salen en awwards y alucino. Y el punto es que he copiado partes de algunas y puedo reproducir estilos, animaciones (framer motion o gsap), pero cuando soy yo quien debe crear algo, me quedo paralizado.

Asi que debo ponerme en esta area de expertise cuanto antes.
Comenzaré con el libro que todos recomiendan (dont make me think) y algun tutorial que me de las bases.

Los que teneis soltura en este tema, que roadmap podeis recomendar?
Hacer clic para expandir...
carga buenos skills a claude sonnet 4.6 y dale un buen prompt detallado con ejemplo en screenshots y veras el resultado
empeza por aqui

Tienes que estar registrado para ver este contenido


aqui tienes un buen skill para hacer frontend de locos

Tienes que estar registrado para ver este contenido
 
Última edición:
tantrapunk dijo:
Brutal. Habrá que echarle un ojo.
Hacer clic para expandir...
Si, te he dado la mantequilla ! la creme de la creme. Suerte cualquier cosa aqui me tienes
si quieres mas consejos:

Usa copilot en vscode y elije claude sonnet 4.6 (es de pago pero es poca cosa)

Tienes que estar registrado para ver este contenido

Tienes que estar registrado para ver este contenido

Descarga estos dos arriba, primero el vscode y luego el copilot

usa tu cuenta github para conectarte al copilot en vscode


Parámetra el vscode con los skills y no olvides de dar hasta el minimo detalle a claude y con screenshots tendras unos resultados de Agencies

luego se te da pereza escribir hay un plugin gratis en el vscode para promptear usando el voice se llama VS Code Speech
 
tantrapunk dijo:
Hoy por hoy solo busco lo básico, la idea de diseño inicial y no la codificacion en si, con tailwind css y componentes react es un plis plas.

Como entrenamiento, logre copiar desde cero varias páginas de esta web:
Tienes que estar registrado para ver este contenido
, logrando un resultado del 90% en apariencia y en lógica de negocio (con cms para editar el contenido inclusive).

En esta etapa me interesa picar código y pelearme con los módulos para entender los conceptos back (sobre todo) y front a fondo, es algo por lo que hay que pasar. Aunque obviamente uso chatgpt o gemini cuando estoy atascado en algo.
Una vez dominas con éxito todos los apartados involucrados: desarrollo backend/frontend, base de datos, devops, seguridad, ahí si que cobra sentido un asistente IA para hacer aplicaciones como churros. Pero hasta que no dominas esa base, vas a ciegas.
Y además, qué cohones, es divertidísimo.
Hacer clic para expandir...
Pues muy bien, pero picar codigo ? hoy en dia es mucho tiempo perdido
Antes era obligatorio , pero con el claude sonnet y sobre todo el opus ya no hace falta, necesitas solo saber nociones de java o python o lo que sea pero picar codigo lo veo muy extremo !

Hazme caso es la configuracion mas simple que puedes encuntrar y puedes picar codigo usando el vscode

instala vscode y luego ponle el copilot
el copilot te va pedir una cuenta de github

y de alli te va aparece un chat en tu derecha y a disfrutar

suerte
 
tantrapunk dijo:
En realidad la mayor parte del tiempo es copiar y pegar. La mayoria de soluciones a cualquier problema ya lo tienes de proyectos anteriores o lo encuentras si sabes buscar en github o en internet, luego es solo adaptarlo a tus necesidades.
En muchos aspectos, casi tardas más en perdirle a la IA que te genere cosas y luego corregir.
Pero de todos modos, veo a lo que vas. Todo se andará con el tiempo.
Hacer clic para expandir...
Por eso te di el plugin del voice VS Code Speech no hace falta escribir.
y si mas adelante controlas bien puedes hasta abrir 5 6 7 agentes todos coordinando entre ellos y vas aun mas rapido pero bueno empieza asi y vas mejorando
 
tantrapunk dijo:
He probado Claude (Gratuito) para ver como funciona en el tema del diseño frontend, pero ofrece ideas extremadamente básicas, carentes de interes.
Hacer clic para expandir...
Sin agregar skills no vas a tener un resultado "Pro" y te voy a dar otro Github lleno de skills

Tienes que estar registrado para ver este contenido

te di unos skills arriba no se si los has usado, luego necesitas darles muchos detalles, Claude es una arma de destrucción masiva, pero solo a los que saben usarlo y no es tan difícil

y reza que no sacan el "Mythos", este va mandar mucha gente al PARO, que ya lo esta haciendo pero con el Mythos va ser como ver una película de pavor pero con un estimulante ilegal de x10
 
Última edición:
+30 años diseñando a pelo... a mi la IA me come los cigot.

Dejar que un robot se lleve la diversión, no gracias.
 
Argelino dijo:
Sin agregar skills no vas a tener un resultado "Pro" y te voy a dar otro Github lleno de skills

Tienes que estar registrado para ver este contenido

te di unos skills arriba no se si los has usado, luego necesitas darles muchos detalles, Claude es una arma de destrucción masiva, pero solo a los que saben usarlo y no es tan difícil

y reza que no sacan el "Mythos", este va mandar mucha gente al PARO, que ya lo esta haciendo pero con el Mythos va ser como ver una película de pavor pero con un estimulante ilegal de x10
Hacer clic para expandir...
din y din, hilo cerrado
y que no use claude gratuito de github q esta capadisimo
 
@Argelino te ha dado el path correcto, hazle caso.

Echale un vistazo a cursor en un fork de visual studio Code orientado a IA que trabaja con los modelos que habla Argelino, es de pago pero es flipante. Fusila interfaces de usuario
 
señortopocho dijo:
@Argelino te ha dado el path correcto, hazle caso.

Echale un vistazo a cursor en un fork de visual studio Code orientado a IA que trabaja con los modelos que habla Argelino, es de pago pero es flipante. Fusila interfaces de usuario
Hacer clic para expandir...
usar cursor en pleno abril 2026 es como viajar al pasado

Cada vez con mas y mas restricciones por no poseer el modelo como tal y tener que subvencionar la api de claude como puedan a base de morterada de los inversores.

No uses cursor, usa claude code o codex
 
pimpoTeo dijo:
usar cursor en pleno abril 2026 es como viajar al pasado

Cada vez con mas y mas restricciones por no poseer el modelo como tal y tener que subvencionar la api de claude como puedan a base de morterada de los inversores.

No uses cursor, usa claude code o codex
Hacer clic para expandir...
Esto va a toda pastilla, a mí ya me ha dejado flipado cursor, échate un vistazo a los IDEs que mencionas. ¿Son también forks de vscode?
 
señortopocho dijo:
Esto va a toda pastilla, a mí ya me ha dejado flipado cursor, échate un vistazo a los IDEs que mencionas. ¿Son también forks de vscode?
Hacer clic para expandir...
son lineas de comando, y/o extensiones de vscode (yo prefiero ir por linea de comando)
Pero precisamente ahora la peña se esta quejando mucho del nerfeo de claude code, y los tokens como vayas a lo orate se funden en 0 ,
Te recomiendo empezar con codex (es el de chatgpt)

Hoy por hoy no tiene sentido usar cursor, es mejor ir a la app directa del proveedor que tiene mejores precios y mayor ventana de contexto

Aqui te puedes estar al dia
Tienes que estar registrado para ver este contenido
(hablan de todos no solo de chatgpt solo que se ve que fue el nombre inicial del sub)
 
tantrapunk dijo:
Conoces alguna web que se haya diseñado usando Claude para echarle un vistazo?
Hacer clic para expandir...
pimpoTeo dijo:
son lineas de comando, y/o extensiones de vscode (yo prefiero ir por linea de comando)
Pero precisamente ahora la peña se esta quejando mucho del nerfeo de claude code, y los tokens como vayas a lo orate se funden en 0 ,
Te recomiendo empezar con codex (es el de chatgpt)

Hoy por hoy no tiene sentido usar cursor, es mejor ir a la app directa del proveedor que tiene mejores precios y mayor ventana de contexto

Aqui te puedes estar al dia
Tienes que estar registrado para ver este contenido
(hablan de todos no solo de chatgpt solo que se ve que fue el nombre inicial del sub)
Hacer clic para expandir...
tantrapunk dijo:
Conoces alguna web que se haya diseñado usando Claude para echarle un vistazo?
Hacer clic para expandir...

Por privacidad no te puedo dar mis plataformas, pero hazme caso de verdad, te di la mantequilla de la mantequilla

y ni te estoy hablando de conectarlo con un MCP o con Figma, Nano banana, Google Stitch o paper.design

Empieza Usando copilot (
Tienes que estar registrado para ver este contenido
) in vscode con una subscripción de $39 / mes te va a dar para crear 2 full SaaS de locos, webs ni hablar con claude sonnet 4.6, con el plugin de voz que te di arriba el otro día (si no te mola promptear escribiendo) y cargalo de skills buenos

aqui te doy otros
Tienes que estar registrado para ver este contenido


Siempre elige claude sonnet 4.6 en High

Tienes que estar registrado para ver este contenido
 

Adjuntos

Archivo oculto para usuarios no registrados
Argelino dijo:
Por privacidad no te puedo dar mis plataformas, pero hazme caso de verdad, te di la mantequilla de la mantequilla

y ni te estoy hablando de conectarlo con un MCP o con Figma, Nano banana, Google Stitch o paper.design

Empieza Usando copilot (
Tienes que estar registrado para ver este contenido
) in vscode con una subscripción de $39 / mes te va a dar para crear 2 full SaaS de locos, webs ni hablar con claude sonnet 4.6, con el plugin de voz que te di arriba el otro día (si no te mola promptear escribiendo) y cargalo de skills buenos

aqui te doy otros
Tienes que estar registrado para ver este contenido


Siempre elige claude sonnet 4.6 en High

Tienes que estar registrado para ver este contenido
Hacer clic para expandir...
 
Tienes que estar registrado para ver este contenido
 
Iniciar sesión o registrarte para responder aquí.

Estadísticas del foro

Temas
2.049.078
Mensajes
58.137.792
Miembros
190.818
Último miembro
srmojon

El blog de burbuja.info

Volver