Junior Usca retweetledi
Junior Usca
1.2K posts

Junior Usca retweetledi

La herramienta es: stitch.withgoogle.com
Ya estaba en beta pero esto es una nueva versión que sube de nivel.
Design System, canvas interactivo, prototipos... ¡es espectacular!
Español
Junior Usca retweetledi

Kiro for students is here: 1,000 credits per month free for one year
kiro.dev/students/
English

@f0go Q ventajas trae el Apple Watch sobre el iPad? Nunca lo use por eso pregunto, el iPad con Pencil para estudiar y trabajar súper útil
Español

Me parece muy loco la cantidad de gente en los comentarios diciendo que eliminarían el Apple Watch. Yo soy fiel usuario desde el Series 0 hasta el actual Ultra que nunca me lo saqué. Para mí de ahí se va el iPad
Cristo Vega@CristoVQ
De todos esto elimina uno 1️⃣⤵️
Español
Junior Usca retweetledi

Introducing: Zed for Students! 🎓
Enjoy Zed's Pro plan free, for a year, if you're a current university student (or teacher!)
- Zed Pro features for 12 months
- $10/month in token credits
- Unlimited edit predictions
Apply today: zed.dev/education
English
Junior Usca retweetledi
Junior Usca retweetledi
Junior Usca retweetledi
Junior Usca retweetledi

Ultra design. Ultra performance. Ultra safety.
Everything you need to know about #XiaomiElectricScooter6Ultra.
#XiaomiLaunch

English
Junior Usca retweetledi

The prompt:
Role: Act as a World-Class Senior Creative Technologist and Lead Frontend Engineer. Objective: Architect a high-fidelity, cinematic "1:1 Pixel Perfect" landing page for Nura Health. Aesthetic Identity: "High-End Organic Tech" / "Clinical Boutique." The site should feel like a bridge between a biological research lab and an avant-garde luxury magazine.
1. CORE DESIGN SYSTEM (STRICT)
Palette: Moss (Primary): #2E4036Clay (Accent): #CC5833Cream (Background): #F2F0E9Charcoal (Text/Dark sections): #1A1A1A
Typography: Headings: "Plus Jakarta Sans" & "Outfit" (Tracking tight). Drama/Emphasis: "Cormorant Garamond" (Must use Italic for biological/organic concepts). Data: A clean Monospace font for clinical telemetry.
Visual Texture: Implement a global CSS Noise overlay (SVG turbulence at 0.05 opacity) to eliminate flat digital gradients. Use a rounded-[2rem] to rounded-[3rem] radius system for all containers.
2. COMPONENT ARCHITECTURE & BEHAVIOR
A. NAVBAR (The Floating Island)
A fixed, pill-shaped pill container.
Morphing Logic: Transparent with white text at the hero top. Transitions into a white/60 glassmorphic blur with moss text and a subtle border upon scrolling.
B. HERO SECTION (Nature is the Algorithm)
Visuals: 100dvh height. Background image of a moody, dark forest (images.unsplash.com/photo-14701156…) with a heavy Moss-to-Black gradient overlay.
Layout: Content pushed to the bottom-left third.
Typography: Large scale contrast. "Nature is the" (Bold Sans) vs. "Algorithm." (Massive Serif Italic).
Animation: GSAP staggered fade-up for all text parts.
C. FEATURES (The Precision Micro-UI Dashboard)
Replace standard cards with Interactive Functional Artifacts.
Card 1 (Audit Intelligence): Implement a "Diagnostic Shuffler." 3 overlapping white cards that cycle vertically using unshift(pop()) logic. Every 3 seconds, they rotate with a spring-bounce transition (cubic-bezier(0.34, 1.56, 0.64, 1)). Labels: "Epigenetic Age", "Microbiome Score", "Cortisol Optimization".
Card 2 (Neural Stream): Implement a "Telemetry Typewriter." A live text feed that cycles through messages like "Optimizing Circadian Rhythm..." with a blinking clay cursor. Include a small "Live Feed" pulsing dot.
Card 3 (Adaptive Regimen): A "Mock Cursor Protocol Scheduler." A weekly grid (S M T W T F S) where an automated SVG cursor enters, moves to a day, clicks (visual scale-down), activates the day, then moves to a "Save" button before fading out.
D. PHILOSOPHY (The Manifesto)
A high-contrast Charcoal section with a parallaxing organic texture (images.unsplash.com/photo-15426019…).
Text Layout: Huge typography comparison. "Modern medicine asks: What is wrong?" vs. "We ask: What is optimal?" using split-text GSAP reveals.
E. PROTOCOL (Sticky Stacking Archive)
Vertical stack of 3 full-screen cards.
Stacking Interaction: Using GSAP ScrollTrigger, as a new card scrolls into view, the card underneath must scale down to 0.9, increase its blur filter to 20px, and fade its opacity to 0.5.
Artifacts: Each card contains a unique animation: A rotating double-helix gear. A scanning laser-grid over a grid of medical cells. A pulsing EKG waveform path.
F. MEMBERSHIP & FOOTER
Three-tier pricing grid. The middle card ("Performance") should "pop" with a Moss background and Clay button.
Footer: Deep Charcoal, rounded-t-[4rem]. Include high-end utility links and a "System Operational" status indicator with a pulsing green dot.
3. TECHNICAL REQUIREMENTS
Tech Stack: React 19, Tailwind CSS, GSAP 3 (with ScrollTrigger), Lucide React.
Animation Lifecycle: Use gsap.context() within useEffect for all animations to ensure clean mounting/unmounting.
Micro-Interactions: Buttons must have a "magnetic" feel (subtle scale-up on hover) and utilize overflow-hidden with a sliding background layer for color transitions.
Code Quality: No placeholders. Use real image URLs from Unsplash. Ensure the dashboard cards in the Features section feel like functional software, not just static layouts.
Execution Directive: "Do not build a website; build a digital instrument. Every scroll should feel intentional, every animation should feel weighted and professional. Eradicate all generic AI patterns"
English
Junior Usca retweetledi
Junior Usca retweetledi
Junior Usca retweetledi
Junior Usca retweetledi
Junior Usca retweetledi

看我找到了什么
一款专为 Visual Studio Code 设计的深色主题,灵感源于 JetBrains 的 Islands Dark 主题。
悬浮面板、语法高亮、深邃底色、玻璃边框、流畅动画、24px 大圆角美学,连滚动条都是药丸形。
github.com/bwya77/vscode-…

Geek Lite@QingQ77
VS Code 真变成这样,它就是神,我说的!
中文
Junior Usca retweetledi
Junior Usca retweetledi
Junior Usca retweetledi

Elysia AI doc search "Arona" cost ~$27/month
It's basically a standard RAG
$12 - Hetzner CPX32, a bit overkill an could be reduced
$15 - Groq GPT OSS 120B with ~700 requests/day
The backend is built with Elysia (obviously)
Everything is hosted on a single Hetzner VPS with Coolify proxied by Cloudflare
Standard Postgres 18 with pg_vector extension is sufficient enough for our documentation site
Every 6 hours, it get Elysia documentation markdown and split each pages into a small chunk by title level and indexed in sequential order
Each chunk then gets its own embedding that can be retrieved by vector search
Each search retrieve its nearby chunks as well for relevant information
We then gave AI tools for either search, read the entire pages or get a table of contents, then it ran in loop until satisfied
The good thing is VPS is a fixed cost and CPX32 is a bit overkills for our case that we intentionally left because we are planning to use it with other related Elysia documentation projects as well
We are using GPT OSS 120B because it's cheap and performant enough
As for Groq, the cost could be significantly reduced by tuning our RAG to reduce amount contents or more aggresive content summarization similar to SKILLS
Overall, could be cheaper but currently that's how our AI search works

English
Junior Usca retweetledi












