Claude Sonnet 3.7 Coding Test Prompt: Create a single... HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.show more

Gemini 3 Pro (left) vs ChatGPT 5.1 thinking vs... Claude Opus 4.5 (right) Prompt: Multi-ball heptagon physics Write html, css, and javascript to display 20 balls bouncing inside a spinning heptagon. each ball should have a unique color, a number label, gravity, and collision detection with the walls. all code in one file.show more

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left)... (middle) (right) prompt I used: Create a single HTML file containing a realistic cloth simulation using HTML5 Canvas and JavaScript. The cloth should be a grid of points connected by constraints using Verlet integration. Implement gravity and mouse interaction: the user should be able to click and drag particles to tear the cloth. The physics must remain stable without exploding.show more

Gemini (left) vs ChatGPT vs Claude (right) Prompt: Create... an interactive HTML, CSS, and JavaScript simulation of a satellite system that transmits signals to ground receivers. The simulation should show a satellite orbiting the Earth and periodically sending signals that are received by multiple ground stations. Include realistic factors such as signal delay based on distance, occasional signal loss due to obstructions or interference, and visualization of the signal path as lines or waves. The satellites’ position should be updated using simplified orbital mechanics, and the ground receivers should display received signal strength and timestamps.show more

⚠️A POWERFUL Bomb Cyclone is set to slam Europe... on Thursday as it tracks through the English Channel, bringing Heavy Snow, Strong Wind, and Rain. 💨 Hurricane force Wind Gusts are possible along parts of the French coast, with wind gusts expected to exceed 70mph as the storm rapidly "bombs out". ❄️ On the back side of the storm, Heavy Snow and Blizzard Conditions could develop across parts of England, as cold air wraps in behind the system and winds absolutely CRANK. ⚠️ This is a high impact, fast moving storm, capable of producing major travel disruptions, power outages, and dangerous conditions across multiple countries. Normally, I stick to US Weather, but this will be a very impactful Storm for our European Brotheren so I thought it was worth covering. Heads up my European Brotherenshow more

this gemini gem will help you create "Video2JSON" prompt... here is the step by step workflow with copy paste method. go to gemini-> click on gems-> click "new gem" button then fill these details (just copy/paste or tweak it as per your needs) - {once you filled all of these details, click on save, and then upload your video you want to generate a JSON prompt for, then submit it with this word: "run" or left it empty} gem name: Video2JSON description: this will help me generate video to detailed json prompts capturing maximum details. instructions prompt: **Role:** You are **Video2JSON**, a high-precision computer vision engine. You do not talk, you do not summarize playfully. You strictly process video inputs into detailed, structural JSON data. **Objective:** Extract every visible detail, specific identity, physical interaction, and technical specification from the video to create a lossless text representation of the footage. **Analysis Requirements (Critical):** 1. **Subject Fidelity:** Never use generic terms. * *Bad:* "A kitten." * *Good:* "A Calico kitten with distinct black patches on the ears, a white muzzle, and orange spots on the back." * *Bad:* "A car." * *Good:* "A silver 2020s sedan with a dented rear bumper." 2. **The "Fourth Wall" (Physics):** You must analyze how the subject interacts with the camera/viewer. * Look for: Tapping the lens, breathing on the glass, eye contact, stepping over the camera, or distinct fisheye distortion boundaries. 3. **Visual Density:** Describe textures (e.g., "shag carpet," "glossy plastic") and lighting behavior (e.g., "reflections in the cat's eyes"). 4. **Temporal Precision:** Track changes in mood or action accurately via timestamps. **JSON Schema:** Output ONLY this JSON structure. Do not change the root keys. ```json { "metadata": { "estimated_duration": "String", "genre": "String (e.g., POV, Cinematic, Surveillance, Vlog)" }, "visual_style": { "camera_lens": "String (e.g., Fisheye 8mm, Standard 50mm, Telephoto)", "lens_distortion": "String (e.g., Heavy circular vignette, barrel distortion, rectilinear)", "lighting_type": "String (e.g., Warm tungsten, harsh flash, soft daylight)", "color_palette": ["List specific hex codes or color names"] }, "subject_analysis": { "main_subject_identity": "String (General ID, e.g., Kitten)", "subject_specific_details": "String (CRITICAL: Detailed markings, fur patterns, specific clothing logos, facial features)", "subject_texture": "String (e.g., Fluffy fur, metallic skin, wet fabric)" }, "spatial_dynamics": { "environment": "String (Detailed room/scene description)", "camera_interaction": "String (How the subject interacts with the lens: e.g., 'Paw taps the glass surface', 'Sniffs the lens')", "camera_movement": "String" }, "timeline_breakdown": [ { "time_segment": "00:00 - 00:0X", "action_detailed": "Micro-description of movement", "focus_point": "What is the camera strictly focused on?" } // Repeat for key movements ] } Note: return the final output in a code block.show more

Revolut has announced a new partnership with Uber across... the UK and Europe. Revolut customers across 25 markets will receive a 10x RevPoints boost on all Uber rides, as well as Lime and scooter bookings made within the Uber app, as long as the customer pays with their Revolut card. Revolut and Uber have collaborated on promotions before, e.g., cashback or discounts in Greece, Ireland, France, and Australia. Revolut plans sometimes include Uber One/ East benefits. Revolut is focused on bringing more value to its customers.show more

It’s time to make your #ShowgirlWishList! A new game... has arrived for all app users ❤️‍🔥 Wish List is a game for you to play while listening to The Life of a Showgirl! Note: You shouldn’t check items off OR submit until after you’ve listened! But you can generate your card now. You’ll have one chance to generate a single Wish List card, which will include words from songs in Taylor's catalog. Once you click the 'See My Card' button, that's the only card you’ll get! Each card will have a unique mix of words. As you listen to The Life of a Showgirl, click on a word if you hear it! Once you’ve checked all of the words on your card that are on The Life of a Showgirl, hit 'Submit' to be eligible to win a signed Showgirl CD! You can only submit once, so don't hit the button until you're ready and have listened to the album & verified your words. On Sunday, October 5th at 11:59pm we'll pick a winner from the group of users that had cards with the most words featured on The Life of a Showgirl. Note: If you check off a word that does not appear on Life of a Showgirl, you will be ineligible to win. Have fun, good luck, and share your cards! We’d love to follow along ❤️‍🔥show more

I've uncovered a bit more about FSD V14's behavior... in the snow. FSD has an invisible & binary "Snow Mode" where it shifts in and out of a different profile upon detection of snow-covered roads. Snow Mode is either ON or OFF. It does not appear to be a gradient based on condition severity. Example: In the video below, you can see tiny bits of snow drifting across the highway surface. Before this snow appeared, FSD drove normally (at the speed limit or above). When it saw this snow, it instantly slowed to 10-15mph under the speed limit. Then, when the snow cleared, it sped back up. It did this multiple times over a 10 mile drive: >Drive Normally >Detect Snow >Enter Snow Mode >Slow Down >Snow is gone >Exit Snow Mode >Drive Normally In this particular instance driving between various conditions, Snow Mode was unnecessary for this type of snow drifting. Pressing the accelerator or increasing the speed profile does NOT override Snow Mode. Elon said last year they may need to create different versions of FSD for different regions, driving types, and weather (Deep snow vs. Manhattan, etc). This may be our first look at that separated version of FSD that is activated under a certain condition!show more

⚠️A VERY ACTIVE Weather Pattern is setting up next... week, bringing MULTIPLE chances for major Winter Storms to sweep through the US. 🥶👊🔥This setup features a BATTLEGROUND of Warm Tropical Air clashing with Frigid Polar Air, creating an environment that is ripe for Winter Storm development. ❓Specific storm details are still VERY much up in the air, and we should not treat any single model run as gospel at this point. I'm only showing this GFS run as an example. 🌨️ The key takeaway is that the pattern is right, and Heavy Snow, Ice, and Wind are all on the table somewhere across the country. ❄️ Hang in there, my US Snow brotheren. More details to come....show more

A Closer Look at Alchemist AI v3.5🔎 In v1,... one agent handled everything. You’d enter a prompt like “make a snake game” and get a single block of code—one input, one output. v2 introduced multiple agents with specialized roles: prompt refinement, frontend, backend, and review. It brought more structure, but the process was still linear. Each step produced a single output. With v3, a single agent could handle multiple tasks. It generated HTML, CSS, JavaScript, searched for assets, and more—all in one go, while maintaining full context. Now in v3.5, we combine both models. Multiple agents work in parallel, each capable of producing multiple outputs at once. The prompt compiler adapts based on what you're building. A 3D game? It prioritizes game engines, rendering, and mechanics. A website or 2D app? It shifts focus to relevant frameworks and tools. The tool handler can call several services simultaneously, feeding context-aware data into the code generator for real-time execution. From single-output generation to parallel, adaptive workflows. In the next breakdown, we’ll dive into the architecture behind our proprietary engine in v3.5.show more

Yesterday while mowing the assholes were in the sky,... but the trails were different this time… they had a little squiggles. Picture to the right, I just took It. They’re out there spraying as I type… …because it’s gonna rain this evening and we’re gonna have horrific winds. Straight line winds… Betty what are those? Straight-line wind refers to a powerful, fast-moving surface wind that lacks a rotational pattern and can cause widespread damage, often resulting from thunderstorms. These winds can reach speeds of over 100 mph and are typically associated with downbursts. Then followed by a freeze again… Who can tell Betty what will happen to all the fruit trees and bloom right now? The freeze is expected to occur in parts of the Midwest and East Coast of the United States early next week, specifically from March 19 to March 21, 2026. During this timeframe, temperatures are predicted to drop significantly, with highs falling into the 30s and 40s degrees Fahrenheit, following a period of unusually mild temperatures. How is it that these weather people can predict the wind starting in a hour… Because it’s controlled 🙄 Protect & Prepare 💖🫵🏻show more

CLAUDE CODE SKILL THAT DESIGNS LOGOS AS PURE CODE... The constraint that forced the whole approach: Claude Code has no access to image generation So instead of faking it, one developer built a skill that writes the logo as SVG - actual XML - and renders that to a PNG The process runs in four phases: interview [ reads your repo first, asks about brand and audience only for what it can’t already see ] explore [ dispatches parallel agents that generate 3-5 distinct SVG concepts at once, shown side by side in an HTML preview with a light/dark toggle ] refine, export at 7 standard sizes from favicon to 2048px Because it’s real SVG and not a rasterized image, nothing about it degrades - same file works as a 16px favicon and a 2048px app icon, and every version is hand editable code afterward if you want to nudge one curve The creator’s own account of using it: roughly 15 rounds of generate, curate, cull, repeat - some concepts literally spelled out the product name, others went fully abstract, treating the whole thing like an evolutionary design process instead of a single lucky prompt The part worth remembering before you reach for a paid AI logo tool: this whole approach exists specifically because Claude Code can’t generate images - the constraint produced a better artifact than the workaround usually does full belowshow more

Today we’re releasing an early version of a new... feature called Tip Cards. We built Tip Cards after seeing people all over the world tipping each other with Cash Links for their contributions online eg. posting good content, responding to questions, moderating group chats, and many others. Tip Cards simplify this experience by enabling every Code user to create their own personalized Tip Card and accept tips from anyone in the world. To create your Tip Card, simply connect your Twitter/X account in the Code app and your personalized Tip Card will be instantly generated for you. You can then share it as a link or get someone to scan it. (Video below of how to create your Tip Card) We’re rolling out this early version of Tip Cards to get feedback on this new payment type and test the Twitter APIs at scale. We plan to add more features to the tipping experience as we go, so your feedback is appreciated. Please try it out and let us know what you think. If you post your Tip Card and tag Code we’ll send you a tip!show more

🚨 More details emerging from the devastating storm damage... in Lynndyl, Utah. The National Weather Service has received reports of widespread wind and hail damage across the area, including trees snapped and uprooted, power lines down, homes damaged and railroad cars overturned. At this point, there are no directly measured wind speeds from the storm, so we don’t yet know exactly how strong the winds were. However, the damage pattern is providing some important clues. Videos and photos show numerous trees knocked down in the same direction, which is consistent with strong, straight-line winds. There is currently no obvious convergent damage signature suggesting a tornado in the areas documented so far. That said, the investigation isn’t over. The National Weather Service has a survey team heading to Lynndyl to assess the damage firsthand. They’ll be looking closely at the damage pattern, vegetation, structures and other evidence to determine how intense the winds were and whether anything more significant occurred. So for now, the big question remains: Just how strong were the winds in Lynndyl? We should have a much better answer after the survey is completed, weather permitting. This was an incredibly powerful storm, and the damage coming out of Millard County is remarkable. 📍 Lynndyl, Utah 📷 Mike Frandsenshow more

Boom! Grok Tasks Make It One Of The Most... POWERFUL Real-Time AI Systems In The World. — My How to Use Grok Tasks With Hidden Tools For Powerful Daily Output. Grok Tasks are customizable AI workflows that integrate a variety of tools to streamline daily activities, from research and analysis to creative planning and problem-solving. I have been using them for quite sometime and because of the vital heartbeat of news and first person data on X, it is the most powerful AI platform available. By combining Tasks with tools like web searches, X platform interactions, code execution, and media viewers, you can build efficient, automated processes. These tasks work by prompting Grok with a clear description of what you want to achieve, and Grok will intelligently call the necessary tools in sequence or parallel to deliver results. Here's a step-by-step guide to creating and using Grok Tasks: Step 1: Define Your Task Start by clearly outlining the daily activity or goal. Consider what inputs you have (e.g., a URL, a query, or an attachment) and what output you need (e.g., a summary, calculation, or visual analysis). Break it down into subtasks to identify tool needs. For example, if your task involves researching current events, note that you'll need search and browsing capabilities. Step 2: Review Available Tools Familiarize yourself with the tools Grok can access. Here's a quick overview: - Code Execution: Run Python code for calculations, data processing, or simulations using libraries like numpy, pandas, or sympy. - Browse Page: Fetch and summarize content from any website URL with custom instructions. - Web Search: Perform general internet searches, returning results with optional operators like site:. - Web Search With Snippets: Get quick, detailed excerpts from search results for fact-checking. - X Keyword Search: Advanced search for X posts using operators like from:, since:, or filter:. - X Semantic Search: Find semantically related X posts based on a query, with filters for dates or users. - X User Search: Locate X users by name or handle. - X Thread Fetch: Retrieve a full X post thread, including context like replies and parents. - View Image: Analyze an image from a URL or conversation ID. - View X Video: Extract frames and subtitles from an X-hosted video. - Search PDF Attachment: Query a PDF file for relevant pages using keyword or regex modes. - Browse PDF Attachment: View specific pages of a PDF with text and screenshots. Select tools that align with your task. Aim for a mix to handle data gathering, processing, and visualization. Step 3: Craft Your Prompt Write a detailed prompt to Grok describing the task. Include: - The overall goal. - Specific steps or subtasks. - References to tools if you want to guide the process (e.g., "Use web_search to find sources, then code_execution to analyze data"). - Any constraints, like dates or limits. Example prompt: "Create a Grok Task for my morning routine: Search recent X posts about tech news using x_keyword_search, fetch a key thread with x_thread_fetch, and summarize with browse_page on linked articles." Step 4: Submit and Interact Send your prompt to Grok. It will process the task by calling tools as needed, often in parallel for efficiency. Review the output and refine with follow-up prompts if required (e.g., "Expand on that using view_image for visuals"). Iterate to fine-tune the workflow for reuse. Step 5: Save and Reuse Once refined, note the prompt as a template for future use. You can adapt it for similar tasks, making Grok Tasks a habitual part of your day. Finding Grok Tasks To discover existing Grok Tasks or inspiration for new ones, use X searches with tools like x_keyword_search or x_semantic_search (e.g., query: "Grok Tasks examples" with mode: Latest). Browse community-shared threads via x_thread_fetch, or web_search for tutorials on xAI features. Prompt Grok directly: "Show me popular Grok Tasks for productivity." 1 of 3show more

How to generate 3D miniature city models and animate... them using Kling AI? This visual effect can be created with Kling O1, and then rotated in 3D using Image to Video. The image prompt used for generation is as follows: Present a clear, 45° top-down isometric miniature 3D cartoon scene of New York featuring its most iconic landmarks and architectural elements. Use soft, refined textures with realistic PBR materials and gentle, lifelike lighting and shadows. Integrate the current weather conditions directly into the city environment to create an immersive atmospheric mood.Use a clean, minimalistic composition with a soft, solid-colored background. At the top-center, place the title "New York" in large bold text in white. You can create different effects by changing the city name according to your needs.show more

Winter Weather Advisory ⚠️ for Lake Cook Dupage and... Will counties and south from there from 6PM Saturday to 6PM Sunday If it was just system #snow giving us a glancing blow from the expansive southern storm dumping every type of weather from #Chicago to the gulf coast, an easy forecast of 1”-4” north to south would be on the table But dance with the devil we must as Lake Michigan sits poised to be either a reluctant dance partner or the lead tango dancer in the snow show Forecasts range from 2”-9” in the city. 2” means no lake impact, 9” means we get a long duration lake feed I’m leaning toward the latter, as entrenched cold air, mid and low level wind convergence over the lake, a lengthy North-Northeast wind fetch and still open mid lake surface water should be enough to loft even a little moisture 2-3 miles upward to feast on an excellent snowflake growth zone that will feed into the immediate Chicago shore areas and add another 3”-5” to the system snow. Another tricky point is the ratio of liquid to snowfall. Usually we see a 10 to 1 mix. 0.1” liquid=1” snow. This cold air here will double that to 20 to 1 so even an extra 1/4 inch of liquid would be 5” of snow (0.25x20=5.0) to add in And by immediate shore areas I could see Midway getting double what O’Hare gets. Like Cicero Ave and east being a cutoff Here’s the model variance. Snow would start to trickle in about sunset Saturday and just hang out thru much of Sunday into the afternoon.show more

Visa just gave your AI a debit card. A... real, spendable Visa card created by an AI chatbot in under 10 seconds. No human types in a card number or visits a checkout page. The machine handles it all. A tool called AgentCard just went live on Claude Desktop Anthropic’s AI assistant. You say create a card and the AI generates a one-time virtual Visa, preloaded with whatever amount you set. Then it spends it, anywhere Visa is accepted on your behalf. Visa, Mastercard, Google, Stripe, OpenAI, and Anthropic have all been building toward this moment for over a year. Visa calls it the trusted agent protocol, Mastercard calls it agent pay. Google published an open standard for agent payments and the infrastructure is already live. Santander and Mastercard just completed Europe’s first real AI‑agent payment in a live banking environment Now the part no one wants to talk about. Your AI agent can be manipulated and prompt injection a known, unsolved vulnerability can trick an agent into buying things you never asked for. The agent holds the card, makes the call and the agent can be fooled. Who is liable when an AI makes a bad purchase? You? Anthropic? Visa? The merchant? No one has answered this yet, regulators haven’t caught up, and no court has tested it.show more

004/100 Buttons. A bit of the process on building... an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63hshow more