vic.

193 posts

vic. banner
vic.

vic.

@codingvic

frontend engineer with an eye for design | @humalikeai | @aiscwork member

Katılım Nisan 2017
132 Takip Edilen137.7K Takipçiler
vic.
vic.@codingvic·
Prompt: Build a fully responsive, full-viewport hero section for a PR-agency SaaS called "SAAS Software" with these exact specs: Page Frame Outer wrapper: min-h-screen w-full bg-[#ededed] p-3 sm:p-4, font-family Inter Hero container (clips everything inside): relative w-full h-[calc(100vh-24px)] sm:h-[calc(100vh-32px)] overflow-hidden bg-[#d9d9d9] rounded-2xl sm:rounded-3xl Background Video URL: d8j0ntlcm91z4.cloudfront.net/user_38xzZboKV… Absolutely positioned, inset-0 w-full h-full object-cover pointer-events-none Attributes: autoPlay, loop, muted, playsInline, preload="auto", disableRemotePlayback, webkit-playsinline="true", x5-playsinline="true" Poster fallback: images.unsplash.com/photo-15576833… Above the video: absolute inset-0 bg-white/10 overlay Foreground content wrapper: relative z-10 Fonts (/src/styles/fonts.css) Import from Google Fonts: Inter weights 400, 500, 600, 700 Instrument Serif regular + italic Navbar (floating pill, responsive with hamburger) Wrapper: flex justify-center pt-4 sm:pt-6 px-3 sm:px-4 Pill: bg-white rounded-full shadow-sm border border-neutral-200 pl-2 pr-2 py-2 w-full max-w-[760px] relative Logo (left, shrink-0): orange #ef4d23 8-petal flower SVG — 8 circles at radius 10 around center (16,16) plus center circle, all r=3.5, viewBox 32×32, rendered w-7 h-7 sm:w-8 sm:h-8 Desktop links (hidden md:flex, gap-6, 14px): "Home" (with 1.5px black dot), "Features", "About", "Pages" (#ef4d23 + ChevronDown 3.5) Right cluster (ml-auto): ShoppingCart icon (hidden on mobile), then orange #ef4d23 rounded-full button "Get early access" (desktop) / "Early access" (mobile) with white/20 inner circle holding ChevronRight Mobile-only Menu (lucide) hamburger button (md:hidden) When open: dropdown panel absolute top-full left-2 right-2 mt-2 bg-white rounded-2xl shadow-lg border border-neutral-200 p-3 z-20 listing the same nav items vertically useState open toggles the menu Hero Content (centered) flex flex-col items-center px-4 pt-10 sm:pt-16 pb-8 sm:pb-12 text-center Badge: inline-flex items-center gap-2 bg-white rounded-full px-4 py-1.5 shadow-sm, 13px — orange dot + "Convix Software" Headline

with inline style fontSize: clamp(36px, 8vw, 72px); lineHeight: 1.05; fontWeight: 500; letterSpacing: -0.02em, mt-5 sm:mt-6 max-w-4xl:"Shaping " + Agencies +
+ "of tomorrow" Subtitle

mt-4 sm:mt-6 text-neutral-700 px-2, fontSize: clamp(13px, 3.5vw, 16px): "The All-In-One Software Powering the Future of PR Agencies" CTA button mt-6 sm:mt-8 inline-flex items-center gap-3 bg-[#0b0f1a] text-white rounded-full pl-6 sm:pl-7 pr-2 py-2 sm:py-2.5, 14px: "Get Started" + w-6 h-6 sm:w-7 sm:h-7 rounded-full bg-white/15 containing ChevronRight (4×4) Dashboard Preview Wrapper: bg-[#f5f2ee] rounded-3xl p-4 sm:p-6 w-full max-w-[880px] mx-auto Grid: grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4 Outer container around it: px-3 sm:px-4 Card 1 — Clicks (white, rounded-2xl, p-5) Header: orange "Clicks" + neutral "This Month" (13px) Big number "6,896" (28px, weight 600) + red pill bg-red-50 text-red-600 rounded-full px-2 py-0.5 with TrendingDown icon "-3,382 (33%)" (11px) Small caption "Compared to yesterday" Centered "Month Target achieved" label Gauge at 92% in #ef4d23, with end labels "389K" / "425K" Toggle pill bottom: bg-neutral-100 rounded-full p-1 flex — "Impressions" active (white card + shadow) / "Clicks" inactive Card 2 — Form (white, rounded-2xl, p-5, flex flex-col gap-3) Two label+dropdown groups (label 12px neutral-700, button bordered rounded-lg px-3 py-2 with ChevronDown):"Show figures for" → "This month" "Compare period by" → "Month-to-date (MTD)" Two label+input groups with # prefix:"Ste targets (This month)" → 10 "Ste targets (This year)" → 100

English
0
0
4
72
vic.
vic.@codingvic·
Claude + Nano Banana Este flujo de trabajo puede diseñar con vibra casi cualquier cosa estos días Prompt ↓
Español
3
0
19
413
Higgsfield AI 🧩
Higgsfield AI 🧩@higgsfield·
We’re building a new original series IN REAL-TIME showing everything here. Our in-house short-form director, Demian, is documenting the entire production process in this thread, so don't forget to bookmark it. This is a clearly fresh workflow with fresh SOTA models, it will 100% boost your AI filmmaker skill to a whole new level. Be very attentive with everything written here (a thread) 🧵👇
English
143
114
391
15.6K
vic.
vic.@codingvic·
> uso Claude desde hace 6 meses > siento que me falta algo > todos parecen sacarle más partido que yo > me pongo a ver esta guía de 4 horas > primeros 20 minutos > me doy cuenta de que lo he estado usando fatal > siguientes 4 horas > todo cambia > hay todo un sistema detrás de esto?
AI Spanish Community@aiscwork

CURSO COMPLETO DE CLAUDE DE 4 HORAS Esta es la guía más detallada de Claude que he visto en línea. Guarda esta página antes de que se te olvide - Construye herramientas. - Automatiza el trabajo. - Aprende cómo las personas construyen bots y sistemas.

Español
0
1
18
1.5K
AI Spanish Community
AI Spanish Community@aiscwork·
CURSO COMPLETO DE CLAUDE DE 4 HORAS Esta es la guía más detallada de Claude que he visto en línea. Guarda esta página antes de que se te olvide - Construye herramientas. - Automatiza el trabajo. - Aprende cómo las personas construyen bots y sistemas.
Español
15
119
836
166.3K
vic. retweetledi
maria
maria@mariagpts·
Existe una extensión para VS Code que muestra tus agentes de Claude como personajes pixel art dentro de una oficina virtual. No tiene coste, es open-source y te permite ver exactamente cómo trabajan tus agentes en todo momento.
Español
0
2
26
1.4K
vic.
vic.@codingvic·
@zaynmcps ha sido literalmente asi
Español
0
0
1
116
vic. retweetledi
AI Spanish Community
Este señor grabó un tutorial de 1 hora para dar tus primeros pasos con Claude Code aunque no sepas programar ni hayas tocado la terminal. Consejos, casos de uso y proyectos reales para que aprendas desde 0. Te lo dejo aquí ⬇️
Español
13
959
5.7K
226.7K
vic.
vic.@codingvic·
@igus_ai se van a volver locos jaja
Español
0
0
0
300
henriqez
henriqez@gabrrlgh·
la novia de un amigo tiene 19 años, mi amigo tiene 45, cómo se llama la novia de mi amigo ??
Español
6
0
34
1.7K
gus
gus@igus_ai·
@codingvic otro articulazo vic, mis dieces.
Español
1
0
1
827
vic.
vic.@codingvic·
“la IA es una mierda, te hace más inútil” La vida de los que se vieron al menos una de estas guías y saben aprovecharla al 100%
brenz.@brenzhills

En vez de ver Netflix esta noche, dedica unas horas a aprender Claude de verdad: → Nivel 1: los básicos. Claude para Dummies: x.com/brenzhills/sta… → Nivel 2: workflows reales. Claude Cowork: x.com/arceyul/status… Claude Skills: x.com/arceyul/status… Claude + Excel: x.com/codingvic/stat… → Nivel 3: los movimientos pro. Claude Code: x.com/arceyul/status… → Bonus: generación de imágenes. (OpenAI) GPT Image 2: x.com/brenzhills/sta… Consejo: un nivel por sesión. Aplica cada guía antes de pasar a la siguiente.

Español
0
8
37
1.9K
vic. retweetledi
brenz.
brenz.@brenzhills·
En vez de ver Netflix esta noche, dedica unas horas a aprender Claude de verdad: → Nivel 1: los básicos. Claude para Dummies: x.com/brenzhills/sta… → Nivel 2: workflows reales. Claude Cowork: x.com/arceyul/status… Claude Skills: x.com/arceyul/status… Claude + Excel: x.com/codingvic/stat… → Nivel 3: los movimientos pro. Claude Code: x.com/arceyul/status… → Bonus: generación de imágenes. (OpenAI) GPT Image 2: x.com/brenzhills/sta… Consejo: un nivel por sesión. Aplica cada guía antes de pasar a la siguiente.
brenz. tweet media
brenz.@brenzhills

x.com/i/article/2045…

Español
29
819
4.7K
567.7K
vic.
vic.@codingvic·
GPT 5.5 Operó Por Mí Y Generó 54,597% (Cualquiera Puede Hacer Esto)
Español
0
1
32
3K