Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Missed the 3.29 release? Here's what's new for Flutter web! 👇🏼 💻 Wasm works with default headers ✂️ HTML renderer removed 📸 Better image handling = less jank 🔀 Cross-origin image fetches supported

17,261 görüntüleme • 1 yıl önce •via X (Twitter)

7 Yorum

Brandon Jimeno profil fotoğrafı
Brandon Jimeno1 yıl önce

I can't wait for the day that Flutter Web can be used for all web use cases.

Vance Ginn profil fotoğrafı
Vance Ginn1 yıl önce

Hear how deregulation, tax cuts, and federalism were the keys of Trumponomics but how protectionism and immigration policies got in the way of a pro-growth future. #economy #econtwitter

Ramiro Vicente ‏ profil fotoğrafı
Ramiro Vicente ‏1 yıl önce

I have a Flutter web project that only works with HTML rendering, what do I do now and how do I enable Ctrl+F to work on the page that was working with HTML?

Abenezer profil fotoğrafı
Abenezer1 yıl önce

Cool

Simon Dziak profil fotoğrafı
Simon Dziak1 yıl önce

Looks great! thank you

Quokka Labs profil fotoğrafı
Quokka Labs1 yıl önce

Looks cool

David Hernández profil fotoğrafı
David Hernández1 yıl önce

I think removing html rendering is a mistake. Flutter should be a multiplatform app framework, not a multiplatform game framework

Benzer Videolar

As I promised yesterday, I'll briefly explain LoRA training and share a workflow I made so you can do it quickly. First, let me answer a very common question: 'Why train LoRAs when we have such advanced models?' Even though we have incredibly advanced models now (like NBP), we still can't always get them to do specific things we want. Simplest example: the spritesheet LoRA I made the other day. I generated 1000 images with Nano Banana and only 100 were what I wanted. The LoRA I trained using those 100 images gives me nearly 100% consistent results. Second point is cost and speed. With LoRA, we can cut costs by 4-5x. And while doing that, we're generating 4-5x faster. How many images do you need for a good LoRA? This depends on your LoRA's complexity. For example, when I training the spritesheet LoRA, even though I used 100 images, I didn't include buildings in the training data, so this LoRA doesn't work for buildings. So think about your LoRA's use cases and add examples for as many use cases as possible to improve quality. What are paired images and how to train LoRAs for image-editing? When training LoRAs for image editing on fal, we call each edit example paired images - one with _start suffix, one with _end suffix. For example, if you're training a background remove LoRA, the unedited original photo will be your '_start' image. The image with background removed will be the '_end' image. Simply put: images we want to edit or use as reference get _start, target images we want to achieve get '_end'. Important: save both images with the same name. Like image332_start.jpg and image332_end.jpg. This way the system knows which images pair together. What about training LoRAs for models with multiple image inputs? Same logic. We still use _start and _end suffixes, but with one difference. Since there are multiple input images, we can number them: _start, _start1, _start2. Example: start images, 1st image = Woman portrait (image35_start.jpg) 2nd image = Glasses photo (image35_start1.jpg) 3rd image = Hat photo (image35_start2.jpg) Output image = portrait of woman wearing glasses and hat (image35_end.jpg) Can we do more detailed captioning? Yes. Similarly, you can improve training quality by creating a txt file for each set with the caption inside. Example: create image35.txt and write: 'Recreate the image by putting the glasses from the second image and the hat from the third image on the woman in the first image.' What are Steps? How many should I use? What's Learning Rate? Steps determines how many times the model sees and processes your training data (your images). Each step, the model learns a bit more. But as steps increase, so does the risk of overfitting. So there's no real default. But for a simpler LoRA with 20 paired images, 1000 steps is ideal. Here's a metaphor for the Steps and Learning Rate relationship: Imagine you have a balloon. Our goal is to inflate it to the optimal size. Steps = How many times we blow into the balloon Learning rate = How hard we blow each time If we blow too softly, we need to blow many more times. If we blow too hard, we risk popping it quickly and can't reach optimal size. Of course training won't explode, but it won't work as intended because it wasn't trained optimally. Training's done, now what? Once training's complete, you'll have a safetensors file. Every model you train on fal has a LoRA inference endpoint. In that inference, add your safetensors file link to the LoRA url input, and you can use your LoRA. Thanks for the read! The workflow in the video: If I forgot anything, let me know in the replies.

ilker

15,133 görüntüleme • 6 ay önce

GeoLibre v2.3.0 is here! GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. This release brings a legend that writes itself from your symbology, a new GeoLens catalog browser, and 200+ GeoLibre Rust geoprocessing tools running entirely in the browser. What's new in v2.3.0 - Automatic on-map Legend: the legend builds itself from your visible layers, with class rows for graduated, categorized, rule-based, and expression styling, gradient bars for heatmaps and raster colormaps, and land-cover labels from a Raster Attribute Table. Rename, hide, reorder, or add your own entries, and it saves with the project. - Symbology swatches in the Layers panel: every row shows a dot, line, square, or image glyph in the layer's own color, so a tall layer stack reads at a glance. - GeoLens catalog browser: connect to a self-hosted GeoLens server, search its catalog, and add datasets as vector tiles, GeoJSON, or rendered raster tiles. - Emerging Hot Spot Analysis: build a space-time cube from timestamped points and classify every cell as a new, intensifying, persistent, diminishing, sporadic, oscillating, or historical hot or cold spot, all client side. - Mosaic time series: the Time Slider now steps through MosaicJSON and STAC collections of many COGs per date, on either a GPU or a WASM rendering engine. - Copy and paste layer styles: give a whole set of layers one consistent look without restyling each in turn. - Shareable tool links: deep-link any Whitebox tool with a ?tool= URL that opens the dialog preselected and pre-fills the form, with a Copy link button to build it for you. - Smarter data loading: pick which layers to load from a multi-layer GeoPackage, import CSVs whose coordinates are in any projected CRS, and read a raster's real CRS, pixel size, and extent from the metadata dialog. - Multiple AI profiles: define several provider, model, and credential setups, pick a default, and switch between them from the assistant panel. Try it out - Launch GeoLibre Web: - GitHub: - Documentation: - Release notes: #GIS #Geospatial #OpenSource #RemoteSensing #MapLibre #GeoLibre

Qiusheng Wu

289,462 görüntüleme • 12 gün önce

long time no posting, here's some of the stuff we released in helium recently: - customizable keyboard shortcuts on all platforms - automatic updates on windows - frameless mode (previously zen mode), with floating sidebar, is now out of beta and included in settings by default - improved fingerprint noising: fixed the canvas noising algorithm and added protections against analysis attacks (thank you Cynthia 🐈 for your report, research, and assistance) - tab URL copying, one or multiple, formatted as a list with line breaks - manual tab hibernation, with an option to hibernate all tabs except for selected/active ones - an option to close tabs to the left (or above, in vertical layout) - redesigned toast notifications, now anchored to the active web page, and no longer blinding in dark mode - toast notification about newly opened background tabs in frameless mode (can be disabled in settings) - redesigned the infobar, it no longer looks out of place - improved QR code generation, now it's actually useful - downloads bubble is now shown instead of the full page whenever applicable - kagi search now supports reverse image search from image context menu - frameless mode animations are now smoother - better color contrast in light and dark modes - a lot of bug fixes and other minor improvements all of these changes are present in the latest version of helium. if you're using helium on windows, please update to the latest version, so your browser can be updated automatically from now on!

Helium

116,356 görüntüleme • 1 ay önce

QVAC SDK 0.12.0 is now live, bringing longer context, increased memory optimisation, new modalities, and broader ecosystem support directly to your device. Key Features and Updates: - TurboQuant KV-Cache Quantization: Fit much longer context in the same memory. TurboQuant, an algorithm from Google Research, compresses the KV cache by up to 5x, near-lossless. - Text-to-Video: Generate video from a text prompt, fully local, with the new wan2.1 model in the Diffusion addon - Apple Metal Performance for Flux2-klein: Diffusion on Apple Silicon now matches MLX performance, the native benchmark for Apple GPUs - Robot Control (new VLA addon): A GGML-based Vision-Language-Action addon brings fast, efficient robot control to edge devices - Coding Assistant / Harness Support: QVAC now works with OpenCode and OpenClaw as a local provider. A new @qvac/ai-sdk-provider package automates model registry and provider integration - Cross-Platform Voice: Text-to-speech and Parakeet transcription moved from ONNX to the GGML engine for better CPU and GPU support on macOS, iOS, Windows, Linux, and Android. Parakeet also adds long-term streaming diarization (tracking who spoke when on live audio) - Faster Lightweight Visual Classification: A new GGML-based Classification addon delivers millisecond-level classification, useful where a vision-language model (VLM) would be unnecessarily slow - Under the Hood: Fabric synced to llama.cpp v8828 (from v8189), plus GPU acceleration added to image-upscale models for faster results Full release notes:

QVAC

9,932,369 görüntüleme • 2 ay önce

GeoLibre v2.2 is here! GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. What's new in v2.2.0 - Terrain-aware 3D measurement: the Measure tool now follows the terrain surface for true slope distances and volumes. - Timelapse plugin: animate an image or map series and export it as a shareable GIF or video. - Styled offline basemaps: export PMTiles basemaps that keep their styling, with the offline menus consolidated into one place. - Advanced symbology: a rule-based renderer with per-rule symbol properties, scale-dependent visibility, and nested rules, plus a Style Manager that saves reusable symbol, ramp, and label presets to a personal library. - Diagrams and a symbology pack: draw pie, donut, and bar charts on features, and reach for inverted-polygon masks, arrow and marker lines, geometry generators, and data-driven proportional marker sizing. - Expression everywhere: a shared Expression Builder with a function reference, field list, live preview, and variables. - Print Atlas: generate a map series in the Print Layout, one page per feature or a uniform run of pages along a river or trail, with attribute-table and chart blocks on the page. - Browser-native conversions: COG, FlatGeobuf, Shapefile, and GeoPackage conversions now run in the browser, and Vector to PMTiles. - More formats: VRT raster support, and Esri File Geodatabase (.gdb) layers on the desktop app. - Better recordings: Record Video now captures on-map panels (HTML, legend, colorbar) in the output. - Processing History: a panel that lists every tool you have run, with one-click re-run and Copy as Python to turn a session into a reproducible script. - Live GPS tracking: a moving position marker, a recorded track log, and digitizing new features straight from the GPS feed. - Data quality tools: check validity, fix geometries, and check topology rules to catch and repair bad geometries before they bite. Try it out - Launch GeoLibre Web: - GitHub: - Documentation: - Release notes: #GIS #GeospatialData #OpenSource #RemoteSensing #DataVisualization #MapLibre #GeoLibre

Qiusheng Wu

56,383 görüntüleme • 17 gün önce

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).

JJ Englert

32,445 görüntüleme • 3 ay önce

GeoLibre v1.9.0 is here! GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. This release brings CAD drawing import, smarter WMS and WFS service discovery, and a docked SQL workspace with autocomplete. What's new in v1.9.0 - CAD import: Add CAD drawings (DXF/DWG) as a layer, with a picker for choosing which drawing layers to load and a CRS selector for placing them correctly on the map. - Smarter service discovery: WMS and WFS panels now read the service's GetCapabilities, so you pick available layers and feature types from a populated dropdown instead of typing names by hand. - Docked SQL Workspace: The SQL Workspace now docks as a resizable panel beside the map, with editor autocomplete for tables, columns, and SQL keywords. - Generic Vector to Vector conversion: Convert between any supported vector formats by file extension, alongside the existing targeted converters. - Richer camera tours: Per-keyframe hold and transition duration controls for finer pacing, plus save and reload of a named tour setup. - Better story maps: A hide-itinerary toggle, subtitle and byline fields on the printable handout, and dedicated start and closing slides. - Styling and plugin extras: A transparent (no fill / no outline) option in the color picker, a Legend populated from a paletted raster's color table, and plugins can now use the maplibre-gl-raster stack and the projection control. Try it out - Launch GeoLibre web: - GitHub: - Documentation: - Release notes: #GIS #Geospatial #OpenSource #RemoteSensing #DataVisualization #MapLibre #Python

Qiusheng Wu

19,611 görüntüleme • 1 ay önce

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 görüntüleme • 1 yıl önce

Here's a copy/paste prompt recipe and vid showing exactly how to ask an LLM for an interactive map with satellite/map layers + a georeferencer that lets you see how old maps correspond with modern geography. Today the computer can’t make good print maps (that's your hill to climb ) but it can, with five bucks and twenty minutes, make good interactive maps. No software/GIS knowledge necessary, you just need a few nouns and an LLM. Scroll to the bottom for the repo/live map if you want those. I'm using Claude Code as an extension in VS Code but you can use the Claude CLI, Cursor, whatever. 1) Let's grab an old cadastral map and see who owned big tracts of a city; I found this an 1854 map of Niagara Falls, NY I found in the Library of Congress: , grabbed the .jp2, saved as a jpg from photoshop. 2) Let's ask Claude Code for a map. You can see exactly what I did in the video but my prompt, sans simple "hey it's busted" debugging, is written out in the following paragraphs. I explain the map-specific nouns in brackets. You can likely dump this whole thing in your LLM window and it'll work; I'd try plan mode + skip permissions. THE PROMPT Make an interactive map with MapLibre GL JS [maplibre is a javascript mapping library, a FOSS version of Mapbox GL JS. This lets us display tiled map data and arbitrary images on the map] Add basemap toggles with Esri satellite, Carto Positron, and OSM [these map layers require no API keys for light usage; Carto Positron is a nice road map layer and OSM is ugly but comprehensive] Add a globe/mercator projection toggle [I think the globe looks better at low zooms] Add a layer panel on the left with visibility checkboxes and delete buttons. Add a search box on the map that flies to results, with deletable pin markers [Makes this easy to get to your area of interest] Include an interactive local georeferencer: drop a JPG, pick ground control points on a zoomable/pannable image viewer, place them on the map, watch it warp with a progress bar centered on the map. [The georeferencer uses math ("affine transform"??) to match points on the old map to points on the new map; generally you click road intersections on the old map, match them on the new map, repeat a dozen times and everything aligns] The georeferenced map overlay defaults to 25% opacity with a slider above the control point list. [I want it easy to see the underlying modern geography] Add Export/import control point buttons [this saves the control points as a JSON so you can save and reimport your work] Add a button to export the warped image as a GeoTIFF with a .prj [In case you want to add the georeferenced image to a real GIS program like QGIS] Look up all relevant docs before starting [Claude sometimes uses outdated stuff] Split everything into separate HTML/CSS/JS files [Claude tends to pile everything in index.html, which is hard to read] Use Optima font, base color #FEFAF6 [I just like this style] Let me test with a local server [it serves it on a simple server so you can nav your host to localhost:8000 and try it out] Log all errors [so you don't have to play telephone with the LLM describing what's busted] 3) Once your LLM finishes, test it out in your browser; if it doesn't work, ask the LLM to check logs. Repeat 'til functional. 4) After this works on your computer, you can show it to everyone by hosting it on GitHub: prompt with "write a README explaining what everything does, add it to a new GitHub repo, deploy using GitHub pages, gimme the live URL" Here's what Claude made for me, try it yourself: • Upload the JPG in the repo, which is linked below • "Add GCP" • Click somewhere recognizable on the old map, like the tip of an island or a road intersection • Click the matching point on the new map • Repeat til you have least 3x points • Hit "georeference" • You'll see the old map atop the new map; if you want a better fit, delete bad points or add a dozen new ones, hit georeference again, repeat Repo: Is this map robust? Human-maintainable? Elegant? Performant? Secure? No, but *your* personal web map need not be. It just needs to work for *your* narrow use case, because it’s *your* map.

Evan Applegate

15,772 görüntüleme • 4 ay önce

Steal my Gemini 3.0 prompt to generate any website based on your custom requirements. ------------------------ ELITE WEB DESIGNER ------------------------ Adopt the role of a former Silicon Valley design prodigy who burned out creating soulless SaaS dashboards, disappeared to study motion graphics and shader programming in Tokyo's underground creative scene, and emerged with an obsessive understanding of how visual maximalism serves business credibility when executed with surgical precision. You're a conversion strategist who spent years A/B testing landing pages for unicorn startups, a design fundamentalist who refuses to sacrifice usability for aesthetics, and a master meta-prompter who optimizes for clarity over verbosity. You know modern image generation AI needs specific structural formatting—contemporary design frameworks (Tailwind CSS, Shadcn UI, glassmorphism, liquid glass, morphism), backgrounds with depth (animated gradients, shaders, mascots), and step-by-step execution instructions—to produce 2025-quality interfaces instead of outdated designs. Your mission: Transform user vision into fully-coded, visually striking websites that balance aesthetic impact with conversion effectiveness. Extract requirements, architect strategic 5-6 section homepages, generate visual previews showing all sections with interactive elements visible, iterate until perfect, then build complete homepage before making navigation and additional pages functional—all adapted to specific context, not rigid templates. ##PHASE 1: Vision Capture What we're doing: Understanding your aesthetic, business context, and strategic goals efficiently. Provide your vision via: 1. Screenshot of design inspiration 2. Written description (business type, aesthetic, features) 3. Both Share: **Aesthetic**: Style preference? (maximalist, minimalist, brutalist, glassmorphic, liquid glass, morphism, retro, futuristic, geometric, editorial, etc.) **Elements**: Specific visuals wanted? (shaders, 3D effects, colors, animations, mascots, backgrounds) **Avoid**: What to exclude? (purple overload, illegible text, hidden CTAs, outdated UI, flat backgrounds, etc.) **Business**: What you do, target audience, website goal, differentiator? Type "ready" when shared. ##PHASE 2: Strategic Homepage Architecture What we're doing: Translating your vision into 5-6 section homepage structure following conversion principles and modern design fundamentals. I'll architect sections specifically for YOUR business, not templates: **Strategic Framework** (contextualized to your model): Core sections adapt based on business type: - Hero with value prop + primary CTA - Trust/credibility section (social proof, stats, logos) - Value delivery (features, benefits, process, how-it-works) - Conversion focal point (pricing, offers, lead capture, demo) - Engagement closer (FAQ, secondary CTA, community) Sections customize to context—SaaS gets problem-solution-pricing flow, agencies get case studies-process-testimonials, e-commerce gets benefits-proof-offers, portfolios get philosophy-work-results. **Strategic Plan Includes**: - 5-6 contextualized sections with rationale - Content direction based on audience psychology - Visual treatment matching your aesthetic with fundamentals enforced - Modern framework approach (Tailwind/Shadcn/Glassmorphism) - Background depth strategy (animated gradients, shaders, visuals) - Color strategy avoiding generic choices unless brand-appropriate - Typography prioritizing legibility - CTA strategy for conversion optimization **Your options**: - "continue" to proceed to design system and mockup - Request adjustments - Ask questions ##PHASE 3: Design System & Mockup Preparation What we're doing: Establishing visual foundation using contemporary frameworks, then crafting optimized prompt to generate mockup showing ALL 5-6 sections at once with visible interactive elements. I'll define: **Contextualized Style Direction**: Keywords and frameworks fitting YOUR brand specifically **Design Framework Strategy**: Styling approach, component philosophy, layout pattern—all adapted to your aesthetic **Background Depth Treatment**: How background creates depth without distraction, animation philosophy, visual elements supporting content **Visual System**: Color palette with strategic rationale, typography with reasoning, component styling philosophy, spacing strategy, CTA differentiation, modern UI patterns adapted to your aesthetic **Optimized Prompt Structure** (meta-prompted): Two versions: **Human-Readable**: Descriptive overview for review **JSON Optimized**: Structured for image generation using meta-prompt principles: - Required anchors: "Website screenshot", "Professional website design mockup", "Award-winning UI design", "Modern web interface 2025" - Aesthetic philosophy over exhaustive lists - "Execute this step-by-step" instruction - Modern framework references (Tailwind, Shadcn, Glassmorphism) - Background depth details (animated gradients, shaders, visuals) - All 5-6 sections in flowing narrative - Interactive element visibility emphasis (CTAs, buttons, animations) to convey design principles - Strategic constraints (legibility, prominence, hierarchy, depth) - Optimized length balancing detail with conciseness Type "continue" to see prompt. ##PHASE 4: Complete Homepage Mockup Prompt What we're doing: Presenting optimized prompts for full-page mockup showing ALL 5-6 sections with interactive design elements visible. **HUMAN-READABLE VERSION**: Narrative description of your complete homepage: - Opening with quality anchors - Core aesthetic philosophy adapted to your context - Background treatment creating depth - Navigation approach - All 5-6 sections described contextually - Color palette with reasoning - Typography philosophy - Component styling approach - Modern framework references - Interactive element visibility strategy - Critical constraints - Avoidance list based on preferences **JSON VERSION** (optimized for generation): ```json { "prompt": "Website screenshot of [your business]. Professional website design mockup. Award-winning UI design. Modern web interface 2025. Execute this step-by-step. [Aesthetic philosophy] with [framework] approach. Background: [depth treatment with animations/gradients/effects]. Full homepage vertical scroll showing 5-6 sections: Navigation [treatment]. Hero [value prop, CTA, visuals]. [Section 2 with layout philosophy]. [Section 3 with component approach]. [Section 4 with interaction style]. [Section 5 with conversion focus]. [Section 6 if applicable]. Color strategy: [palette with reasoning]. Typography: [philosophy and hierarchy]. Components: [styling approach with visible affordances]. Framework: Tailwind patterns, Shadcn style, [specific effects]. Interactive elements show: prominent CTAs, hover implications, animation hints, button affordances. Critical: legible text, prominent CTAs, background depth, clear hierarchy, contemporary 2025 design, professional quality. Avoid: [specific issues].", "aspect_ratio": "9:16" } ``` Meta-optimized: principles over lists, step-by-step execution, framework context, interactive visibility. **Review both. JSON executes.** **To generate complete homepage mockup, type "generate"** **Important note**: When you type "generate", I'll execute the image generation tool. The image will appear, but the process will seem to pause. This is normal—the tool can only return the image without commentary. Simply type "continue" after you receive the image to proceed with the next phase. **To adjust the prompt before generating, tell me what to change** Won't execute until you command. ##PHASE 5: Complete Homepage Mockup Generation What we're doing: Executing image generation with optimized JSON showing ALL 5-6 sections vertically. ONLY activates when you type "generate", "create mockup", "make image", or similar. Once commanded, I execute using ONLY JSON prompt—no modifications. You receive full-page vertical mockup showing: - All 5-6 sections in scrollable view - Interactive design elements (CTAs, buttons, animations) visible - Background depth and modern framework styling - Complete design system applied **After the image appears, type "continue" to proceed.** The image generation tool only returns the visual—you'll need to type "continue" to move forward with reviewing and next steps. ##PHASE 6: Mockup Review & Refinement Decision What we're doing: Reviewing the generated mockup and deciding next steps. This phase activates after you type "continue" following image generation. **Your options after viewing the mockup**: - "Approved" or "build" - proceed to building complete homepage code - Request specific changes - I'll update the prompt and regenerate - Ask questions or request adjustments **If you request changes**: I'll present updated prompts (readable + JSON) showing modifications, then ask you to type "generate" again for the revised mockup. Each refinement iteration: 1. You describe desired changes 2. I present updated prompts 3. You type "generate" 4. Image appears 5. You type "continue" to proceed 6. We review and decide next steps 7. Repeat until perfect Common refinements: section emphasis, background depth, colors, typography, CTA prominence, interactive visibility, framework styling, aesthetic tuning. Once you're satisfied with the mockup, type "approved" or "build" to proceed to code generation. ##PHASE 7: Complete Homepage Code Generation What we're doing: Building entire 5-6 section homepage as production-ready code matching approved mockup exactly. **Complete Single-File HTML Delivery**: - All 5-6 sections coded and integrated - Fully responsive across devices - Modern CSS implementation (Tailwind-style or modern CSS) - Animated background matching mockup (CSS gradients, WebGL, SVG) - All interactive elements functional (buttons, CTAs, forms, animations) - Navigation implemented per design - Component styling matching aesthetic (glassmorphism, shadows, borders) - Typography system with hierarchy and legibility - Color system from specification - Micro-interactions and hover states - Scroll animations where appropriate - Performance-optimized **Technical Quality**: Semantic HTML, modern CSS (custom properties, grid, flexbox, backdrop-filter, transforms, animations), vanilla JavaScript, accessibility considerations, mobile-first responsive, smooth scrolling, optimized assets, cross-browser compatible. **Code Structure**: Clean commented HTML, inline CSS organized in style block, inline JavaScript, ready to copy/paste and deploy, fully functional standalone. **Strategic Content**: Intelligent placeholders based on your business model, conversion psychology, target audience, professional tone—easily replaceable. **Design Fundamentals Verified**: All sections with hierarchy, prominent functional CTAs, readable text with contrast, clear interactive signals, background depth, adequate whitespace, responsive, contemporary 2025 quality. Automatically presents next phase after delivery. ##PHASE 8: Navigation & Pages Planning What we're doing: Making all navigation functional and planning additional pages. **Navigation Audit**: [List nav items from homepage] **Options for each item**: Create dedicated page, expand section to full page, smooth scroll to section, custom approach. **For clickable elements**: Decide what happens—link to new page, scroll to section, open modal, trigger action, external link. **What to make functional first? Choose**: 1. Complete navigation by building all pages 2. Primary conversion path (CTA → specific page) 3. Specific pages you prioritize 4. Internal links with smooth scrolling 5. Custom approach **Or** "auto-complete" for intelligent decisions based on your model. ##PHASE 9-X: Progressive Development What we're doing: Building each page or making elements functional, maintaining design consistency. **Each Page Delivery**: Complete HTML matching homepage design system, same framework styling, same background treatment, same typography/colors, appropriate sections, full responsiveness, functional interactions, integrated navigation. **Each Functionality Addition**: Smooth scroll, modals, form validation, interactive components, animation triggers, other elements. **After Each Delivery**: Current Progress: [What's complete] **What next? Choose**: [4-6 options for next page/functionality] **Or** "auto-complete" for intelligent completion. Continues until site fully functional. ##PHASE FINAL: Complete Integration & Polish What we're doing: Final integration ensuring everything links, works, and maintains consistency. **Complete Package**: Homepage HTML (all sections), all additional pages, complete styling/functionality per file, working navigation across pages, functional CTAs/buttons, validated forms, consistent design system. **Deliverables**: All HTML files deployment-ready, quick deployment guide, customization documentation, design system reference. **Quality Verified**: Complete homepage, functional navigation, working CTAs, consistent pages, responsive, optimized, modern framework styling, functional interactions, professional 2025 quality. --- **CRITICAL RULES**: **Image Generation**: - Present: Human-Readable + Optimized JSON - JSON meta-principles: distilled concepts, "Execute step-by-step", framework context - JSON opens: "Website screenshot" + "Professional website design mockup. Award-winning UI design. Modern web interface 2025." - JSON shows: ALL 5-6 sections vertically in one mockup - JSON emphasizes: interactive element visibility (CTAs, buttons, animations) - JSON includes: modern frameworks (Tailwind, Shadcn, Glassmorphism), background depth (gradients, shaders, mascots—NEVER flat) - User "generate" → Send ONLY JSON → No modifications - Aspect ratio: 9:16 (vertical to show all sections) - After image appears → User MUST type "continue" to proceed (tool only returns image without commentary) **Homepage Development**: - Generate mockup with ALL 5-6 sections at once - After approval, build COMPLETE homepage code (all sections functional) - Deliver entire homepage as single working file - Then make navigation/additional pages functional - Flow: complete homepage → functional navigation → additional pages **Content Adaptation**: - NO hardcoded templates - Adapt ALL to user's specific business context - Strategic frameworks based on actual audience - Section selection/styling contextualized to goals - Design choices match aesthetic preference - Professional placeholders easily customizable **Standards**: Contemporary frameworks, background depth, interactive element visibility, modern CSS/frameworks, 2025 quality throughout. **Control**: User commands each phase explicitly. "generate" for mockup (then "continue" after image), "approved"/"build" for code, choose-your-adventure for pages, adjust anytime. Begin Phase 1 when ready.

Alex Prompter

189,732 görüntüleme • 8 ay önce

I have to stop boring all of you with my game ports but I ported another game to web with multiplayer, after Quake 1 yesterday and Quake 2 today, I thought, what if I ask Fable to port Return to Castle Wolfenstein from 2001? And of course it just did it with ease and put it at with multiplayer working! I'd play this game a lot and always this map mp_beach, it's like the WW2 Omaha Beach landing, you have to breach the wall with dynamite and get "ze sekret dokuments" I asked it at 15:50 "do you think we can do RTCW?" and 18:18 I joined the game and could play it, so about 3 hours but I also went to gym in that time for an hour, so I'd say an hour total What it did (in Fable's own words) is some crazy hackery that I could never, or it would have taken me probably a year, not an hour! 🤯🤯🤯 - Started from iortcw, the GPL source port of RTCW (ioquake3-based) - Borrowed the emscripten patches from Wwasm (a single-player-only WASM port) — but it patches the SP tree, and RTCW's MP codebase diverges heavily (1,400+ lines different in some files), so I diffed Wwasm vs clean SP to extract the patch set, then re-grafted each #ifdef __EMSCRIPTEN__ block into the MP code by hand - Compiled the MP engine to WebAssembly with emscripten + GL4ES (translates the game's OpenGL 1.x calls → WebGL2) - Fixed what the graft missed: GL4ES init lived in SP's renderer file, MP uses a different one → "OpenGL 1.1 required" crash until I added initialize_gl4es() to MP's R_Init - Re-enabled networking (Wwasm disables it for SP) and patched out the fatal 1.41 point-release check - Built the native iowolfded dedicated server from the same source (so client/server protocols + paks match exactly), systemd service on mp_beach - The 2001 CD ISO's data is buried in a Wise installer Setup.exe — Wine wouldn't install (i386 dep hell), so I used offzip to scan the binary for deflate streams and carved out the intact pak0.pk3 (316MB) + mp_pak0.pk3 (all 8 MP maps incl. mp_beach) + UI menu pak - Client fetches the paks over HTTPS into the emscripten filesystem before engine boot (held with a "run dependency"), mounted as IndexedDB (IDBFS) so the 380MB downloads once ever

@levelsio

105,873 görüntüleme • 1 ay önce

Keet Mobile 4.0.0 Changelog 🍐 Features - Keet 4.0.0 introduces a new engine which improves performance, app scalability and sets the ground for a new set of features development. Improvements - Faster room loading with optimised icons and image-preview caching. - Media previews respect maximum image size to save bandwidth. - Added a system-update banner to keep you informed of important upgrades. - Cleaner room creation flow and refined DM request handling. - Down arrow and room avatar colours match desktop application. - Bottom tab bar is now hidden until onboarding is complete. - Clearer username error messages and progress indicators on slow networks. - Better feedback form now includes your username automatically - Call experience tweaks: hangs up cleanly; DM ring logic improved; Android auto-end in background. - Introduced hang-up icon for when call ends in rooms. - Device naming screen now auto focuses the input field. - Updated confirm device screen. - Software version list now shows Hyperdiscovery and lists WebRTC as keet-webrtc. - Refreshed onboarding pages and UI text updates. - Improved audio record UX and many Fixes - Fixed avatar rendering issues. - Removed grey bars at the top of several pages. - Stopped the tooltip from appearing when the username is already set. - Aligned the error-log message-field layout. - Resolved cursor and emoji picker jumps when switching between emoji and keyboard input. - Corrected chat text input width. - Restored fullscreen video previews. - Fixed image loading status indicators. - Adjusted code block spacing for messages sent from mobile. - Prevented locked recordings from following you when leaving a room. - Fixed a crash when opening a room on Android. - Stopped unnecessary FlatList re-renders. - Center aligned preview images. - Resolved chat UI breakage after double tapping the emoji picker icon. - Corrected contentFit on image messages. - Ensured pinned messages remain visible during a call. - Fixed speaker tooltip content overflow. - Calls: fixed orientation breaks, crash when app is killed, call-ring answer now opens the screen. - Resolved unrecoverable error when sharing a file from Google Files. - Eliminated flicker when searching usernames. - Disabled button presses while a tooltip is visible. - Fixed Discover Communities being cut off on small devices. - Disabled bottom tab presses when no identity is set. - Corrected tooltip orientation on tablets. Keet Desktop 4.0.0 Changelog Features - Keet 4.0.0 introduces a new engine which improves performance, app scalability and sets the ground for a new set of features development Improvements - Introduced system-banner UI for updates and notices. - Added a 'Quit' button to uncaught error screens. - Displayed an app loader before the app initialises. - Added a toast notification and an informative banner when sending a DM request. - Consistent avatars between DM rooms and member views. - Added support to medium sized file previews in chat. - Smoother last message rendering in the room list. - Added a chat loader on start up when no cache is available. - Clearer version display in the software section and added hyper db version to the list. - Updated texts for system and migration banners. - Refactored DM request actions and block member logic. Fixes - Prevented image preview blinking while loading. - Fixed crash when removing an avatar file from a deleted message. - Onboarding status is now remembered after a restart. - Eliminated room menu blinking via useDeferredValue. - Prevented Rive animation from disappearing when switching monitors. - Stopped creation of duplicate DM rooms for the same member. - Resolved broken file preview when a file lacked a name. - Restored missing styles on error pages. - Prevented error pages from appearing behind the loader. - Corrected emoji rendering on macOS. - Repaired chat voice message playback. - Fixed useRoomConfig imports. - Corrected file item height in room info. And more

Keet

25,883 görüntüleme • 1 yıl önce

Memex is in public beta (again) We closed down our signups earlier this year when we launched Memex' collaboration features. Over the past 12 months we've been working hard to polish the product and if you haven't used Memex in a while you may want to try it again. For quick summary of what we've added last year you can watch the attached video or read on. Some highlights: 👯‍♂️ Collaboratively curate, annotate and discuss websites, PDFs and videos. (see video) 📣 Share and collaborate with people who don't use the Memex extension with our new web reader. 🤖 AI assistant to summarise & ask questions about websites, PDFs, YouTube videos and text/video sections. ▶️ Video timestamp annotations, including smart notes 📸 Frame snapshot annotations on Youtube ✍🏽 Annotate illustrations on PDFs 💎 Obsidian & Logseq live sync 🌆 Image Support for annotations 🌙 Dark & Light mode redesign 🐦 Use Memex as a CRM for Twitter & Telegram: Organise/search/filter profiles and annotate chat logs + 200 bug fixes and dozens of quality of life improvements. What's next? 🔓 Private spaces with email invites (in polish) 📱 Native in-browser annotations & search on mobile (in progress) 🗂️ Nesting Spaces for better organisation (in design) Transferrable Lifetime Subscription Deal We've also launched a limited offer for a transferrable lifetime subscription. For $400 you can use all Memex features until you hopefully die at an old age - and if you don't need it anymore you can gift or sell it to someone else. We wanted to make our early supporters benefit greatly from the improvements to the product we're going to make even if they stop using Memex. Our hope is that it'll also help us stay more independent from venture capital pressure as a Steward Owned business. For more info, check out our website (in our bio)

Memex.Garden

19,942 görüntüleme • 2 yıl önce

XAI EXTENDS GROK IMAGINE VIDEO GENERATION TO 10 SECONDS WITH QUALITY ENHANCEMENTS xAI has updated its Grok Imagine tool to produce videos lasting 10 seconds, doubling the prior limit. This change, along with refinements in visual and audio elements, expands the tool's utility for short-form content creation. xAI released the upgrade to Grok Imagine in early 2026. The company, founded by Elon Musk, announced the feature through posts on the X platform. This follows previous iterations where videos were capped at shorter durations, typically 5 seconds. Grok Imagine allows users to generate videos from text prompts, building on its image creation capabilities. The update addresses constraints in video length that limited expressive potential. Users can now input descriptions to create clips, such as animations or scenes, without needing initial images. This positions the tool within the broader landscape of AI-driven multimodal generation, where text-to-video systems are increasingly common. The core adjustment doubles the maximum video duration from 5 seconds to 10 seconds. Accompanying this are upgrades to video quality, including more stable visuals, richer details, and improved clarity. Audio has also been enhanced for better output, making the generated content more immersive. These changes were described as "big improvements across the board" in the announcement. No specific benchmarks or quantitative metrics for the quality improvements were detailed in the release statements. The feature rollout appears gradual, with some users accessing it via the Grok app or web interface. xAI has not introduced user controls for exact timing, though such options are mentioned as future possibilities. This development highlights xAI's emphasis on iterative enhancements in generative AI tools. By extending duration while refining output fidelity, it reflects engineering priorities aimed at balancing computational efficiency with user needs. The focus on audio and visual stability suggests attention to common pitfalls in early text-to-video models, such as inconsistencies or artifacts. The sources do not specify the underlying model architecture changes or training data adjustments enabling this upgrade. Performance in real-world scenarios, like handling complex prompts or maintaining consistency across clips, remains unquantified in the announcements. Interpretations of broader implications for AI video generation would require additional evidence beyond what's provided.

Lacey

28,881 görüntüleme • 6 ay önce

AgenC marketplace update is live. We shipped a major pass across the reference marketplace, SDK, React package, MCP tools, and marketplace starter. What changed: • httpx://agenc.ag is now focused around agent-service marketplaces: service listings, escrow, moderated job specs, worker claims, artifact submission, buyer review, settlement, rating, and closeout. • Provider storefront discovery is cleaner. Public storefront areas now only show stores with real provider agents and published services, so buyers land on actual marketplace supply. • The buyer hire flow is smoother. After a buyer funds a service hire, the activation step is shown inline so they can pin the moderated job spec instead of getting stranded after escrow funding. • Worker task feeds are safer and clearer. Provider task polling now defaults to claimable/actionable work, and task pages explain why a task is not claimable when a job spec, moderation, deadline, capacity, or eligibility gate is missing. • Store management is stronger. Store save/update/delete flows now have better UX, delete frees the wallet to create a replacement store, and store writes are signed against a canonical payload hash so submitted fields cannot be tampered with after wallet approval. • Settlement UX got more complete. Buyer review can reach accept payout previews, terminal hired tasks expose rate/close cleanup previews, and closeout behavior is clearer around listing capacity release. • The public API boundary is now explicit. Public reads stay public. Signed writes, uploads, and moderation routes stay same-origin and signed, with tests guarding that boundary. • Moderation and safety controls were tightened. Job-spec checks now scan more unexpected text surfaces, fail closed on oversized scans, reject unsafe remote fetches, and keep prompt-injection and unsafe execution requests from receiving clean attestations. • The SDK now exposes the core marketplace lifecycle directly: create listings, hire, activate, claim, submit, accept, reject, auto-accept, cancel, close, and rate. • The React package now includes lifecycle hooks for buyer activation, worker claim/submit, buyer review, closeout, rating, and a full humanless hire flow that works with a self-hosted moderation/hosting backend. • MCP/tools now match the same lifecycle while staying safe by default: read-only mode remains default, and mutation mode prepares unsigned transactions for external wallet/signing policy. • The marketplace starter is now much closer to a real builder template. It includes public package usage only, self-hosted activation backend examples, environment/setup checks, clean install verification, UI lifecycle tests, and registry install verification. • We also added much stronger proof around the workflow: full web tests, browser smoke coverage for the reference app, and deterministic SDK lifecycle tests covering hire, activation, claim, submit, review, payout, rating, close, capacity release, cancellation, rejection, and auto-accept paths.

tetsuo

27,128 görüntüleme • 1 ay önce

HERMES AGENT v0.17.0 JUST SHIPPED. "THE REACH RELEASE." 1,475 COMMITS. 800 PRs. 245 CONTRIBUTORS. HERMES NOW REACHES IMESSAGE, RAFT NETWORK, AND CURSOR'S COMPOSER MODEL. the highlights: Nous Research iMESSAGE WITHOUT A MAC RELAY Photon Spectrum integration ships native iMessage support. no Mac in a closet. no BlueBubbles bridge. hermes photon login → device code auth → done. Hermes lives in the blue bubbles now. ASYNC SUBAGENTS NO LONGER BLOCK YOUR CHAT delegate_task(background=true) dispatches a subagent that runs in the background. returns a handle immediately. you keep working. result re-enters as a new turn when it finishes. long research dives stop blocking your main session. IMAGE EDITING, NOT JUST GENERATION image_generate now edits source images. "make this logo blue." "remove the background." "turn this sketch into a render." works across every supported image provider. same tool, new mode. CURSOR'S COMPOSER MODEL VIA GROK OAUTH grok-composer-2.5-fast is in the xAI model picker. 200k context window. fast coding model behind Cursor. your Grok subscription. Hermes's agent loop. no separate API key needed. AUTOMATION BLUEPRINTS schedule tasks without learning cron syntax. "daily news briefing at 8am" becomes a form. one blueprint definition renders everywhere: dashboard form, CLI slash command, Telegram chat, docs catalog entry. answer questions, not memorize 0 8 * * *. FULL PROFILE BUILDER IN DASHBOARD build a complete Hermes profile from the browser. pick model. choose skills. attach MCPs. no config.yaml editing. plus unified multi-profile view with global switcher. SKILLS HUB BROWSER REHAUL connected hubs (OpenAI, Anthropic, HuggingFace, NVIDIA). Featured section. full skill previews before install. security scan on each skill. browsing skills is a real browsing experience now. ATOMIC MEMORY OPERATIONS memory tool gained an operations array. batch add/replace/remove edits applied atomically. the model can free space and add entries in ONE call even when individual adds would overflow the budget. memory updates no longer fail mid-edit. CURATOR STOPPED SPENDING TOKENS BY DEFAULT deterministic skill pruning still runs free. LLM-powered consolidation now opt-in only: curator.consolidate: true to enable. routine background curation costs you zero tokens. WHATSAPP BUSINESS CLOUD API official Meta adapter alongside existing Baileys bridge. no QR-scanning bridge process to keep alive. hosted, first-party WhatsApp channel. TELEGRAM RICH MESSAGES (BOT API 10.1) proper rich formatting. cleaner long-message handling. native markup instead of flattened text. on by default. opt-out available. DESKTOP APP IS NOW A DAILY DRIVER rebindable keyboard shortcuts. native OS notifications. live subagent watch-windows streaming activity. composer model selector with per-model presets. automatic RTL/bidi text. resizable VS Code terminal pane. per-thread composer drafts. install ANY VS Code Marketplace theme. RAFT AGENT NETWORK new bundled adapter connects Hermes to raft. build as an external agent. wake-channel bridge. privacy by contract: wake payloads carry metadata only, never message bodies. SECURE DASHBOARD LOGIN every token-required endpoint returns 401 behind OAuth gate. websocket auth uses served dashboard token. public_url override warnings. exposing your dashboard to the network is safer by default. upgrade: hermes update 300+ issues closed. security round included. hermes-agent ecosystem now at 198K GitHub stars.

YanXbt

35,261 görüntüleme • 1 ay önce