Vit

Physicist, Blockchain & privacy enthusiast.

Building real-time AI tools | Claude Code power user.

[Vit @Vit_David10]

Stop letting Claude misunderstand your prompts and burn through your token limit. 🛑

10 rules inspired by Karpathy's post to fix exactly that.
One file. Works globally across every project
in Claude Code and Cursor.

🧵👇

[Vit @Vit_David10]

@CryptoYulius @Cryptobruj que susto sería una caída de un 10% wow

[Vit @Vit_David10]

@silvanrec tengo un post sobre esto mismo xD pero con el claude md mejorado :https://t.co/YE09MMmKbs

[Vit @Vit_David10]

Stop letting Claude misunderstand your prompts and burn through your token limit. 🛑

10 rules inspired by Karpathy's post to fix exactly that.
One file. Works globally across every project
in Claude Code and Cursor.

🧵👇

[silvan @silvanrec]

UN SOLO ARCHIVO CLAUDE.md ESTÁ CAMBIANDO CÓMO LA GENTE USA AGENTES DE CÓDIGO.

y el concepto es ridículamente simple.

un agente de codificación sin instrucciones toma por defecto el promedio de todo lo que ha visto.

ese promedio es mediocre.

se detiene antes de tiempo. inventa librerías. pide permiso para cosas que debería hacer solo.

CLAUDE.md lo cambia todo.

se carga en el contexto del modelo antes de leer tu solicitud. actúa como un contrato permanente que anula ese comportamiento por defecto.

es la diferencia entre contratar a un desarrollador sin instrucciones… y uno con las especificaciones pegadas en la pared.

mismo agente. resultado completamente diferente.

y lo mejor: funciona con Claude Code, Cursor, Codex CLI, Gemini CLI.

un solo archivo. enlazado con symlinks. editas una vez, todos los agentes se actualizan.

las ideas vienen de Karpathy y Garry Tan. el archivo es de código abierto. lo copias, pones tu nombre, y empiezas.

🔖 guarda esto antes de que lo necesites

[Vit @Vit_David10]

One file. Works with Claude Code and Cursor.
Copy CLAUDE.md to ~/.claude/CLAUDE.md
and it applies to every project instantly.

Repo:
https://t.co/SLxP2oTimx

⭐ if it helps you ship better with less frustration

[Vit @Vit_David10]

Stop letting Claude misunderstand your prompts and burn through your token limit. 🛑

10 rules inspired by Karpathy's post to fix exactly that.
One file. Works globally across every project
in Claude Code and Cursor.

🧵👇

[Vit @Vit_David10]

This is a real-world workflow example with Claude Code. This shows how strict verification rules catch UI overflows and logic issues during the preview stage—allowing you to detect and fix critical bugs instantly without writing a single manual test.

[Vit @Vit_David10]

@AntonioGoBe Interesantee, me gusta el tema publi que tiene montado, yo me hice un juego tipo agar io pero con mecanicas rogue like, justo ayer termine el multiplayer y testee pruebas de esfuerzo que admite hasta 500 jugadores simultaneos

[Vit @Vit_David10]

@ErickSky entre codex y claude code cual crees que es mejor?

[Vit @Vit_David10]

@SecretoDefi es hablar del tema y me salen mas tweets relacionados https://t.co/9ksNnhLPIR xDD, realmente lo peor de la IA es la cantidad absurda de información que hay si consumes ese contendio no paran de recomendarte más y es algo agobiante

[Marco @maarcoofdezz]

Claude Design es una locura.

Acaban de grabar un tutorial de 18 minutos sobre cómo crear sitios web animados y premiados con Claude Design + Opus 4.7

(Guárdalo para no perderlo) 😁

[Vit @Vit_David10]

@SecretoDefi Aqui tienes un promp que usa elementos 3d para hacer un scrolling interactivo muy profesional, si esto se lo pasas a claude puede ayudarte a entenderlo y a hacer plantillas de esto, con nanobanana y veo3 puedes generar los videos https://t.co/qqmy2i3XCy

[Viktor Oddy @viktoroddy]

Claude vs Google Stitch

Prompt 👇

[Vit @Vit_David10]

aun así estoy empezando, quiero ver que tal en un mes, seguramente no será rentable pero habré pulido mucho las herramientas de generacion de videos, y además ganar suscriptores es util , tener un boost de visitas si decido hacer videos de IA o finanzas en otro canal es clave

[Vit @Vit_David10]

llevo una semana subiendo shorts generados por ia a youtube, va mejor de lo que esperaba pero me falta pulir la generación de videos porque aun tardo un par de horas por videos, además por lo que se gana por shorts no es rentable ni que tuviera 10 veces más de visitas

[Viktor Oddy @viktoroddy]

Access ALL prompts for stunning animated websites in one click: https://t.co/N0kni8z7CJ

🎯 FULL RECREATION PROMPT

Stack: React 18 + TypeScript + Vite + Tailwind CSS + Framer Motion + hls.js (for Mux HLS streams)

Fonts (Google Fonts):

Geist (weights 300–700) — body/sans font-sans
Gilda Display — display/serif font-display (used for italic accent headings)
Design System (CSS variables in :root, all HSL):

--background: 0 0% 0% (pure black)
--foreground: 0 0% 100% (pure white)
--card: 0 0% 6%
--muted: 0 0% 15%
--muted-foreground: 0 0% 65%
--border: 0 0% 20%
--radius: 0.5rem
Signature gradient accent:bg-gradient-to-r from-[hsl(220,70%,78%)] to-[hsl(40,80%,82%)](steel blue → warm gold). Used on all CTA buttons and avatar circles.
Global patterns:
Section tags: Arrow icon + uppercase text, tracking-[0.25em], text-xs font-medium
Pill badges: border border-foreground/20 rounded-full px-5 py-1.5 text-[10px] tracking-[0.25em] uppercase text-foreground/60
Headings: font-light for main text, font-display italic for the accent line. Tight tracking: -tracking-[0.04em]. Size: clamp(2rem,4vw,3.5rem)
Cards: rounded-2xl border border-foreground/[0.08] bg-foreground/[0.03]
Animations: Framer Motion whileInView with viewport={{ once: true }}, ease [0.25, 1, 0.5, 1], staggered delays i * 0.12

SECTION 1 — Hero (full viewport height)

Component: HeroSection.tsx
Layout: min-h-screen flex flex-col justify-between. Content pushed to bottom on desktop, top on mobile.
Video background:
<video autoPlay muted loop playsInline
className="absolute inset-0 w-full h-full object-cover z-0 object-[37%_center]"
src="https://t.co/nkt7nqy2LY"
/>
Top gradient overlay:absolute inset-x-0 top-0 h-60 bg-gradient-to-b from-background to-transparent z-[1]— creates seamless black-to-video fade.
Navigation bar (z-10):

Left: Hamburger "Menu" button — pill-shaped with border (border-foreground/30 rounded-full), two horizontal lines (w-7 h-[2px]) + "MENU" text

Center: "EVR" logo — text-2xl font-bold tracking-wider, absolutely centered with left-1/2 -translate-x-1/2

Right (desktop only): "About Us" and "Services" pill buttons (same border style) + "Get Started" gradient CTA button

Full-screen menu overlay (AnimatePresence):
Animate with clipPath: circle() — opens from circle(0% at 80px 40px) to circle(150% at 80px 40px), duration 0.7s, ease [0.76, 0, 0.24, 1]
White background (bg-foreground), dark text (text-background)
Close button top-left (pill with X icon)
Menu links: Home, About Us, Services, Projects, Contact — each is a full-width row with border-b border-background/10 py-6, font size clamp(2rem,5vw,4.5rem) font-light, hover slides text right (group-hover:translate-x-4), arrow icon on right

Staggered entrance: delay: 0.15 + i * 0.08, slide from x: -60

Bottom strip: company name left, © 2026 right, fades in at delay 0.6
Hero content (bottom-left):
Tag line: Arrow icon + "Evolve Responsible Ventures"
First two lines: font-light. Third line: font-display (Gilda Display italic serif). Size: clamp(2rem,6vw,5rem). Leading: 0.9. Tracking: -0.2em.H1 headline (3 lines):Navigating the
route to impactful
regeneration

Right-side widget (bottom-right on desktop):
SVG circular progress ring: radius 54, circumference calculated, animated strokeDashoffset to show 75%. White stroke on 15% opacity track. w-20 h-20. Rotated -90deg. Animates with CSS transition-all duration-1000 ease-out
"75%" text centered inside
Description: "Guiding organizations toward lasting environmental performance through actionable strategy and measurable outcomes"
Client marquee bar (bottom):
Top row: "Our Partners" left, "Backed by 30+ global brands" right
Scrolling strip: border-t border-foreground/10 py-5, CSS keyframe marquee: translateX(0) → translateX(-50%) at 20s linear infinite

Client names (duplicated for seamless loop): Opensense, DKNY, Under Armour, LIU·JO, ATOM, ECCO, ORUM — styled text-foreground/50 text-lg font-medium tracking-wide, gap-16
SECTION 2 — Features (3-card grid)
Component: FeaturesSection.tsx
Layout: py-24 md:py-36 px-6 md:px-10, max-w-7xl mx-auto
Background detail: Subtle gradient orb — absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[400px] bg-gradient-to-b from-[hsl(220,70%,78%,0.06)] to-transparent rounded-full blur-3xl
Header row (flex, items-end, justify-between):
Left: Arrow + "What We Do" tag. H2: "Services built for / meaningful change" (italic serif second line)

Right: subtitle paragraph text-foreground/50 text-sm max-w-sm
3 cards (grid grid-cols-1 md:grid-cols-3 gap-6):
Each card: rounded-2xl border border-foreground/[0.08] bg-foreground/[0.03] backdrop-blur-sm p-8 md:p-10. Hover: border-foreground/[0.15] bg-foreground/[0.05]. Transition: duration-500.
Card contents (top to bottom):

Pill tag badge (e.g. "Strategy")
64×64 rounded image icon (w-16 h-16 rounded-xl overflow-hidden)
Title: text-xl font-light
Description: text-foreground/50 text-sm

"Learn more →" link: text-foreground/40, hover brightens + arrow translates right

Card 1 — "Sustainable Strategy" / tag "Strategy" Image: https://t.co/TdZPQKAsDd: "We craft tailored sustainability roadmaps that align business objectives with environmental stewardship and long-term resilience."

Card 2 — "Impact Measurement" / tag "Analytics" Image: https://t.co/SYkSesiLVE: "Rigorous data frameworks that quantify your environmental footprint and track progress against science-based targets."

Card 3 — "Global Compliance" / tag "Compliance" Image: https://t.co/d3WMO4VoVd: "Navigate evolving regulations across markets with confidence. We ensure your operations meet and exceed international standards."

SECTION 3 — Chess Layout 1 (image-left, text-right)
Component: ChessSection.tsx with direction="image-left"
Layout:max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-stretch. Padding: py-16 md:py-28 px-6 md:px-10.

Left — Video block:

HLS video via hls.js: https://t.co/Of5zk6Kpgx

Container: rounded-2xl overflow-hidden, aspect-[4/3] on mobile, full height on desktop (min-h-[500px])
Video: absolute inset-0 w-full h-full object-cover, autoPlay muted loop playsInline
Framer Motion: scale 0.96→1 + fade in, duration: 0.8
Right — Text block:
Tag: Arrow icon + "Our Approach"
H2: "Designing systems that / regenerate, not deplete" (italic serif). Size: clamp(1.8rem,3.5vw,3rem)

Description: "We go beyond carbon offsets. Our methodology embeds circular principles into your operations — reducing waste, restoring ecosystems, and creating value at every stage of the supply chain."

Stats row: { "12x": "ROI Average" }, { "6mo": "Time to Impact" } — value is text-3xl font-light, label is text-xs tracking-[0.15em] uppercase text-foreground/40

CTA button: "Explore More" — gradient pill button

SECTION 4 — Chess Layout 2 (text-left, image-right)

Same ChessSection component with direction="image-right"

Video:https://t.co/RPbOxk6yD6

Text content:
Tag: "Case Study"
H2: "How ECCO cut emissions / by 40% in one year"
Description: "Through a phased decarbonization program, we helped ECCO redesign their European logistics network — eliminating 12,000 tons of annual CO₂ while reducing operational costs by 18%."
Stats: { "40%": "Emissions Cut" }, { "18%": "Cost Savings" }

SECTION 5 — Numbers / Metrics (video background)
Component: NumbersSection.tsx
Full-width video background (HLS):
https://t.co/biycWA7CFW
Overlay: bg-background/0 (fully transparent — video shows at 100% opacity)
Background watermark text: "Impact" in font-display, size clamp(8rem,25vw,20rem), opacity foreground/[0.02]

Header (centered):

Pill badge: "By the Numbers"

H2: "Measurable outcomes, / not empty promises". Size: clamp(2rem,4.5vw,3.8rem)

Metrics grid: grid grid-cols-2 md:grid-cols-4 gap-px with bg-foreground/[0.06] rounded-2xl overflow-hidden border border-foreground/[0.08]. Each cell: bg-background p-8 md:p-12 text-center.
Animated counting numbers (on scroll into view, 1600ms duration, 40 steps):
200+ — "Projects Delivered" / "Across 40 countries"
97% — "Client Retention" / "Year over year"
4.2M — "Tons CO₂ Offset" / "Since 2019"

30+ — "Global Partners" / "Fortune 500 brands"

Value: clamp(2.5rem,5vw,4.5rem) font-light. Label: text-sm font-medium text-foreground/70. Sublabel: text-xs text-foreground/30.

SECTION 6 — Testimonials (3-card grid)
Component: TestimonialsSection.tsx

Layout: Same as features — max-w-7xl mx-auto, py-24 md:py-36

Header:

Arrow + "Testimonials" tag
H2: "Trusted by leaders / driving real change"
3 testimonial cards (grid grid-cols-1 md:grid-cols-3 gap-6):

Each card: rounded-2xl border border-foreground/[0.08] bg-foreground/[0.03] p-8 md:p-10 flex flex-col justify-between

Decorative " mark: absolute top-6 right-8 text-foreground/[0.06] text-7xl font-display
Quote text: text-foreground/70 text-[15px] leading-relaxed
Avatar circle: w-10 h-10 rounded-full with the signature gradient, showing first initial letter
Name: text-sm font-medium, title/company: text-xs text-foreground/40
Testimonial 1: Sarah Chen, Chief Sustainability Officer, Under Armour — "EVR transformed how we approach sustainability — not as a cost center, but as a strategic advantage. The results exceeded every projection."

Testimonial 2: Marcus Webb, VP of Operations, ECCO — "Their data-driven methodology gave our board the confidence to commit to net-zero. Within 18 months, we'd already surpassed our first-year targets."

Testimonial 3: Amara Osei, Managing Director, ORUM — "Working with EVR felt like gaining an extension of our own team. They understood our constraints and delivered a roadmap we could actually execute."

SECTION 7 — CTA + Footer

Component: CTASection.tsx

Background image:
https://t.co/1yJpqaQM87
absolute inset-0 w-full h-full object-cover opacity-60

Top gradient fade:absolute inset-x-0 top-0 h-60 bg-gradient-to-b from-background to-transparent z-[1]

Gradient orbs: Two decorative blurred circles (bottom-left 500px blue, top-right 400px gold) at 4% opacity
CTA content (centered, z-10, max-w-4xl):
Pill badge: "Get Started"
H2: "Ready to build a / regenerative future?" — size clamp(2.2rem,5vw,4.5rem)
Description: "Partner with EVR to transform your sustainability ambitions into measurable, lasting impact. Let's start the conversation."

Two buttons: "Book a Consultation →" (gradient pill) + "View Case Studies" (solid white bg: text-background bg-foreground)

Framer Motion fade-up, duration 0.7

Footer strip (inside same section):

mt-28 md:mt-40 pt-8 border-t border-foreground/[0.08]

Left: "EVR" logo (text-2xl font-bold)

Center: nav links (Home, About, Services, Projects, Contact) — text-foreground/40 text-xs tracking-[0.15em] uppercase
Right: "© 2026 Evolve Responsible Ventures" — text-foreground/30

Key Dependencies

framer-motion, hls.js, lucide-react, tailwindcss-animate

Tailwind Config Extras

fontFamily: { sans: ["'Geist'", "sans-serif"], display: ["'Gilda Display'", "serif"] }
Marquee keyframe: "0%": { transform: "translateX(0)" }, "100%": { transform: "translateX(-50%)" }— animation: marquee 20s linear infinite

[Vit @Vit_David10]

@aiscgcom @arceyul claude