Diseño web: la gran barrera

[MasMax]

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.

 

[Argelino]

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?

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

 

[Argelino]

Qué pensáis del Fiverr y de los bangladesíes que te montan un autoblog que monetiza desde casi el primer día por 200 dólares?. Más de una vez he estado tentada, pero creo que son un timo

Trabajo mediocre

 

[Argelino]

Brutal. Habrá que echarle un ojo.

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

 

[Argelino]

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.

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

 

[Argelino]

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.

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

 

[Argelino]

He probado Claude (Gratuito) para ver como funciona en el tema del diseño frontend, pero ofrece ideas extremadamente básicas, carentes de interes.

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

 

[Saco de papas]

+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.

 

[pimpoTeo]

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

din y din, hilo cerrado
y que no use claude gratuito de github q esta capadisimo

 

[señortopocho]

@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

 

[pimpoTeo]

@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

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

 

[señortopocho]

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

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?

 

[pimpoTeo]

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?

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)

 

[Argelino]

Conoces alguna web que se haya diseñado usando Claude para echarle un vistazo?

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)

Conoces alguna web que se haya diseñado usando Claude para echarle un vistazo?

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

 

[pimpoTeo]

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

 

[napalm33]

Tienes que estar registrado para ver este contenido