I just shipped message-ui, build dynamic iMessage attachments with... React. ◆ Charts ◆ Tables ◆ Text primitives ◆ Local preview + PNG export ◆ Tailwind support ◆ Works with Chat SDK Link ⬇️🧵show more

How to built a chat UI that goes beyond... plain text, using Artifacts and Store together with AI SDK Full implementation and repo ⬇️🧵show more

This is how I made this assistant interface with:... - Canvas with dynamic data (charts, metrics, summary) - Generated message title - Multi part stream - Generated follow up questions 🧵 ⬇️show more

Most keyboard apps are built just to help you... type faster. Acti is the world’s first agentic keyboard. It can actually do things for you. I have been using it for a while, and I literally love this one. Let’s say you are chatting with someone and they say: “Let’s meet at XYZ Place” Normally you would open Maps, search the location, copy the link, come back to app, and send it. With Acti, you just stay inside app, copy the text + hold the spacebar, and it adds the location + map link directly in the chat. This works inside WhatsApp, Telegram, Discord, Slack, or basically any chat interface. More use cases 👇 1/5show more

Alrighty, the time has come to give away frostin-ui... components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇show more

encrypt every chat with this open sourced repo 18... year old just killed the encryption problem it's called conversation-steganography you type a secret and a local AI buries it inside a dead boring chat about coffee, etc. then you send that through any normal messenger your friend runs the same tool and the small talk unfolds back into the real words > the secret is locked with AES-SIV before it ever becomes text > the cover message is written by a model on your own machine so nothing touches the cloud > it rides through whatsapp telegram imessage even plain email > every message is cryptographically chained so tampering shows instantly whatsapp sees you planning dinner your isp logs small talk the real sentence was never in the data at all quietly one of the most dangerous repos i have seen all month repo in replyshow more

🔑 No credit card required! With the new Maps... Demo Key, you can get a working API key with just your Google account and start building in seconds ➡️ We’ve removed the barrier to entry, giving developers direct access to build with select Google Maps Platform products — including Maps JS API, Places UI Kit, and Weather API. Whether you're testing new features or validating technical feasibility, prototype with confidence in a controlled sandbox with automatic usage guardrails. ➡️ Seamlessly works with AI agents to turn prompts into working geospatial prototypes. ➡️ Maps Demo Key is the easiest way to test AI-generated geospatial code without hitting setup blockers. ➡️ Easily transition to a full account to unlock our generous monthly free usage tier, additional APIs, and technical support — all while keeping your project moving. Try it at the link above.show more

February 2025 at G.A.M.E: Autonomous Commerce, Scalability, and Expansion... 1/ AGENT COMMERCE PROTOCOL(ACP) Demo ▸ Open standard for multi-agent commerce and coordination on blockchain ▸ Enables AI agents to collaborate without centralized control ▸ Build Autonomous Commerce (hedge funds, media empires, healthcare) ▸ Details: 2/ X ENTERPRISE API & MEDIA GALLERY ▸ X Enterprise Plugin: Use G.A.M.E’s credentials for higher rate limits ▸ Media Gallery: Upload agent demos (mp4, webm, images). ▸ Tap into 550M+ users for explosive growth 3/ Solana AGENT SUPPORT (G.A.M.E CLOUD) ▸ Test/deploy Solana agents in-sandbox ▸ Unified multi-chain workflows ▸ Shatter siloed testing 4/ Mind Network PLUGIN (G.A.M.E SDK) ▸ FHE-encrypted voting for DAOs ▸ Track vFHE rewards natively ▸ First SDK with on-chain governance 5/ CHAT AGENT MODULE (G.A.M.E SDK) ▸ Llama 3.3 70B via Groq API ▸ Engage in dynamic AI-driven interactions with the ability to trigger functions. ▸ Conversational AI with Action Execution ▸ Short-term memory for context awareness 6/ CoinGecko PLUGIN (G.A.M.E SDK) ▸ Real-time crypto prices/market data ▸ Built-in error handling ▸ Community-contributed 7/ Elfa AI PLUGIN (G.A.M.E SDK) ▸ Real-Time Crypto Intelligence ▸ Track whale wallets & trending tokens ▸ Live smart money insights ▸ Front-run markets with API data 8/ MULTI-MODEL SUPPORT ▸ 5 new models: Llama_3_1_405B, Qwen_2_5_72B_Instruct, DeepSeek_R1, etc. ▸ Match models to tasks: speed vs. creativity ▸ Optimize cost/performance 9/ Farcaster PLUGIN ▸ Post casts to 300K+ decentralized users ▸ Engage Web3-native communities ▸ On-chain social interactions 10/ GAME SDK UPGRADES ▸ X Username-Based Payments ▸ Multi-worker task management ▸ Fix loops/hallucinations with memory reset 11/ Coinbase 🛡️ CDP PLUGIN ▸ Wallet Management ▸ Gas-less USDC transfers ▸ ETH/USDC trading on Base ▸ Web-hook Integration 12/ IMAGE GENERATION ▸ Generate custom AI images from text-based prompts. ▸ Customizable dimensions up to 1440x1440. ▸ Receive images as temporary URLs, making it easy to share and store outputs. ▸ Powered by Together AI 13/ MODEL UPGRADES & AI ROUTER ▸ Dynamic AI Model Switching based on use case ▸ Smart AI Router: 2x performance/stability via Chasm collaboration. 14/ Why February Redefined Autonomy ▸ ACP Demo through G.A.M.E: Multi-agent economies are programmable, competitive, and decentralized. ▸ Social x Crypto Fusion: = Viral growth loops. ▸ Chain Agnosticism: Building the future where agents thrive on any network. Build → Fund → Launch →show more

🚨 Alibaba just open sourced a GUI agent that... lives inside your webpage and controls it with natural language. It's called Page Agent and it's not a browser extension. It's pure JavaScript no Python, no Puppeteer, no headless browser, no screenshots. Just one script tag and your web app understands natural language. Here's what it actually does: → Embed it with a single tag or npm install → Control any web interface with plain English commands → Text-based DOM manipulation no OCR, no vision models needed → Bring your own LLM (GPT, Claude, Qwen, anything) → Ships a built-in UI with human-in-the-loop support → Turn 20-click ERP/CRM workflows into one sentence → Optional Chrome extension for multi-tab agent tasks → Works on any web app SaaS, admin panels, internal tools Companies are charging $30/month for AI copilots built on this exact idea. This is 3 lines of code. Your users. Your interface. The AI copilot layer for every web app just got open sourced. 1.6K stars. 100% Open Source. (Link in the comments)show more

The Visual Studio Code insiders version that just shipped... and will ship in the next few days will come with an insane amount of new capabilities. A few highlights: - You can now run sub-agents in parallel. Yes, really. I even attached a video. - Major UX improvements for sub agents, especially visible in the chat window - A new search tool wrapped as a sub-agent that iteratively runs multiple search tools: semantic_search, file_search, grep_search Which connects nicely to the point above: multiple searches running in parallel, efficiently and fast - Anthropic’s Message API is now enabled by default - You can choose the model for the cloud agent (three available, all premium) - Extended thinking support when using the Claude cloud agent This is part of the broader multi-vendor cloud support under AgentsHQ I wrote about a few weeks ago - Tasks sent to the background agent (basically the CLI tool) now always run in isolation, each with its own git worktree - In a multi-repo workspace, assigning a task to a cloud agent prompts you to choose the target repo Same behavior when opening an empty workspace with no repo - Support for building an external index for files not supported by GitHub’s default indexing - UI/UX improvements for starting new sessions and switching between local / background / cloud agents - Skills are now first-class citizens, just like prompt files, with better UX indicating when a skill is loaded - Improved API for dynamic contribution of prompt files New V2 includes skills as part of the model. Curious to see the extensions that will leverage this - Finally, initial support for showing context usage percentage per session - Skills are enabled by default - Resizable chat window and session view. Small thing, but it was driving me crazy 😁 - A new integrated browser meant to replace the old simple browser Maybe the beginning of real browser use? - Better UI/UX for token streaming in chat - Ability to index external files not supported by GitHub There’s a lot more. Some of it hasn’t fully landed yet, but everything that has is already in Insiders. The next stable release should drop in early February. As usual, I’m just shocked by the volume of features this team ships every month. After the holiday slowdown, this one is shaping up to be a wild release.show more

Building RAG is easy. Parsing real, unstructured data is... the hard part. Most tools fail when documents get complicated. RAGFlow by InfiniFlow makes the entire process visual and flawless 🔥 It is an (open-source!) engine built specifically to find the exact needle in a data haystack, even across literally unlimited tokens. The platform comes packed with: → "Quality in, quality out" parsing for highly complex formats → Multiple recall paired with fused re-ranking → A built-in Python and JavaScript code executor for agents → An orchestrable ingestion pipeline Here's why it stands out: 1️⃣ Structural Understanding Instead of just scraping text, it handles tables across pages, scanned copies, slides, and Excel sheets natively using deep document understanding. 2️⃣ Grounded Citations Every answer is verifiable. The UI highlights the exact chunks used, allowing you to trace any response directly back to the source material. 3️⃣ Enterprise Synchronization Keep your context constantly updated with native data sync from Google Drive, Notion, Discord, and Confluence. Stop letting bad document parsing ruin your RAG systems. Best part? It's 100% Free and open-source. Link to the repo in 🧵↓show more

If you’ve ever managed custom icons in React Native,... you know the frustration of choosing between performance and developer experience. Libraries like 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝘀𝘃𝗴 are flexible but heavy. Every icon creates its own React subtree. The alternative? Manual icon fonts that force you into a constant back-and-forth of using web tools like IcoMoon and syncing font assets every time a design changes. 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 𝗟𝗮𝗯𝘀 just released 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 to solve exactly this. It’s a build-time icon font generator that gives you the performance of native fonts with the flexibility of simple SVG files. 𝗪𝗵𝗮𝘁’𝘀 𝗵𝗮𝗽𝗽𝗲𝗻𝗶𝗻𝗴? Instead of rendering complex vector paths at runtime, this library automatically converts your folder of SVGs into an optimized icon font during the build process. It essentially teaches your app to treat icons like standard text characters, which allows it to bypass React’s component tree and layout engine entirely. ➡️ 𝗕𝘂𝗶𝗹𝗱-𝘁𝗶𝗺𝗲 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗼𝗻: It handles the entire pipeline—watching your icon folder, converting SVGs to .ttf files, and linking them to your native project automatically. ➡️ 𝗡𝗮𝘁𝗶𝘃𝗲 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲: Because icons render as native text glyphs, it is significantly faster than traditional SVG rendering, making it the ideal choice for long, scrollable lists or icon-heavy dashboards. ➡️ 𝗘𝘅𝗽𝗼 𝗖𝗼𝗻𝗳𝗶𝗴 𝗣𝗹𝘂𝗴𝗶𝗻: It features first-class support for Expo, automating the native plumbing like Info.plist updates and asset linking during the prebuild phase. ➡️ 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗰 𝗧𝘆𝗽𝗲 𝗦𝗮𝗳𝗲𝘁𝘆: The library generates TypeScript definitions for your icon set, providing full IDE autocomplete and ensuring you never break the UI with a misspelled icon name. 𝗪𝗵𝘆 𝗶𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀? In high-performance applications, small overheads add up. By shifting the heavy lifting from the mobile device to your build machine, 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 ensures your UI stays buttery smooth while keeping your developer workflow modern. It’s another great example of how 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 continues to solve the "last mile" of performance friction in the ecosystem. Before you migrate your entire library, keep in mind: this is designed for the 𝗡𝗲𝘄 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 (Fabric) and requires React Native 0.74 or higher. #ReactNative #Expo #SoftwareMansion #Icons #MobileDev #Performance #DeveloperExperience #OpenSource #JavaScript #TypeScript #SVG #Fabricshow more

LangGraph. CrewAI. Agno. Which one to pick? The good... news is that this will not matter soon! Finally, we have a full picture of how the industry is solving this with just three open protocols that work across ALL frameworks. It's not about picking the best framework. Instead, it's about understanding how protocols create interoperability. The Agent Protocol Landscape shows how three complementary protocols are creating a universal language for Agents: > AG-UI (Agent-User Interaction): - The bi-directional connection between agentic backends and frontends. - This is how agents become truly interactive inside your apps, not just as chatbots, but collaborative co-workers. > MCP (Model Context Protocol): - The standard for how agents connect to tools, data, and workflows. > A2A (Agent-to-Agent): - The protocol for multi-agent coordination. - How agents delegate tasks and share intent across systems. These aren't competing standards. They're layers of the same stack and have handshakes with each other. So instead of building point-to-point integrations, you build to protocols. Moreover, you can integrate LangGraph, CrewAI, or Agno into the same frontend, without rewriting your UI logic. These protocols let everything work together. For instance: - Your LangGraph agent pulls data via MCP. - It delegates analysis to a CrewAI agent via A2A. - Results stream to your React app via AG-UI. - Users see real-time collaboration in your interface. This way, you can focus on building agent capabilities instead of integration mechanics. The protocols handle interoperability automatically. CopilotKit unifies this entire stack into one framework so you can build "Cursor for X" style apps without implementing each protocol from scratch. It gives you all three protocols, generative UI support, and production-ready infrastructure in one framework. I have shared this playbook in the replies! It breaks down handshakes, misconceptions, and real examples and shows exactly how to start building.show more

How to build a viral Web3 app in an... afternoon using the ChainGPT AI skill for Claude Code. No coding experience required. I built Roast My Wallet. Paste any Ethereum wallet address, get a savage AI-generated roast of your trading history, a Degen Score out of 100, an on-chain report card, and three AI-generated NFT portraits. Here's exactly how it came together. Setup (3 minutes): 🔸Install Claude Code at 🔸Run /plugin install ChainGPT-org/chaingpt-claude-skill 🔸Get an API key at 🔸Type /chaingpt and describe what you want to build What the skill actually does: The ChainGPT skill doesn't just give you starter code. It knows the entire API. Every endpoint, every parameter, every credit cost, every error code. When I asked it to build the roast feature, it knew to call the LLM endpoint, how to stream the response back to the browser in real time, and how to handle errors automatically. I didn't look up a single thing. How it works under the hood: 1. Pulls real ETH balance and transaction count from the Ethereum blockchain 2. Feeds those numbers into ChainGPT's LLM and streams the roast back live 3. Calculates a Degen Score from your tx count vs balance ratio 4. Generates a report card with letter grades across Trading, Patience, Risk, Diamond Hands, and NGMI 5. Uses the roast text to generate three custom NFT portraits in parallel via VeloGen 6. Packages everything into a downloadable PNG card ready to post 7. Every feature came from describing what I wanted: 8. "Make the API key server-side." Done. 9. "Add an animated arc gauge for the degen score." Done. 10. "Generate NFT portraits using the roast text as context." Done. I never wrote a function or debugged an API response. I described outcomes. The ChainGPT skill handled the rest. If you can describe what you want to build, you can build it. Get your API key. Install the skill. /plugin install ChainGPT-org/chaingpt-claude-skill Anyone can build with ChainGPT AI!show more

I just got Gemma 4 26B A4B MoE model... running fully locally with Hermes agent on an 8GB RTX 4060 and it's now backtesting trading strategies end to end, no hand holding. If you’re a trader or work on Wall Street, you don’t want to miss this. Yes. fully automated. No cloud. No APIs beyond market data. # Here's what I did: Setup: - Model: Gemma 4 26B-A4B QAT (MoE), Q4_K_XL Unsloth's quant (link in the comments) - Inference: llama.cpp (turboquant fork by Tom Turney link in the comments) - Hardware: RTX 4060, 8GB VRAM + 16GB RAM only (with 50 other chrome tabs open) - Context: 64K llama.cpp turboquant flags: -m gemma-4-26B-A4B-it-qat-UD-Q4_K_XL.gguf -c 64000 --cache-type-k q8_0 --cache-type-v turbo3 --port 8080 turboquant helps achieve high prefill and decode throughput for interactive sessions. throughput with Hermes agent: decode: 25+ tokens/sec prefill: 250+ tokens/sec # Then I gave the agent one task: Backtest a strategy: - Buy when RSI crosses above 30 - Sell at +2% profit or -1% stoploss - No overlapping positions - Use Google stock via yfinance - Generate a full HTML report with candlestick charts + signals What happened next was wild. It didn't just write code, it ran the entire workflow itself: Audited the environment (pip list, dependency check) Hit a ModuleNotFoundError, multiple Python installs were conflicting Ran where python to map every interpreter on the system Manually selected the correct Python 3.13 path and re ran the script Wrote a clean statevmachine backtester (strict no overlapping trades logic) Patched a yfinance MultiIndex quirk that would've crashed the script Built Plotly candlestick + RSI charts with buy/sell markers Calculated win rate, PnL, and summary stats Exported a polished single file HTML report. check the report at the end of the video or in the comments. Biggest takeaway: local LLMs aren't just "chat assistants" anymore. They debug their own environment, write production code, and ship a finished deliverable on consumer hardware, for $0 in API costs. If you're still calling local models "toys," you're already behind. This is just the beginning. Hermes agent just surpassed 1 trillion tokens in a single day on OpenRouter. Think about the scale of total token generation happening right now. Disclaimer: This is not financial advice. Consult a professional before making any trading decisions.show more

I just ran Gemma 4 31B on @CerebrasSystems at... 1,800+ tokens/sec and it's multimodal. For context: that's 35x faster than a typical GPU endpoint, and the first token (reasoning included) lands in 1.5 seconds. This isn't a benchmark slide, I recorded the inference live. Prompt I used: "Create a simulation of an iPhone. Include at least one working dummy note taking app, a functional notification pulldown, high quality graphics, single HTML file, any libs via CDN." - Generation time: 3 seconds. - Notes app worked. - Notification panel worked. - Rendered first try. This is what wafer-scale inference unlocks, not just "faster," but a different category of product. When generation is this fast, you stop waiting and start iterating in real time. Why this matters: Gemma 4 31B is Google DeepMind's flagship open weight model, Apache 2.0 licensed, dense (not MoE), and built for efficiency over raw parameter count. It scores close to Claude Haiku 4.5 on the Artificial Analysis Intelligence Index (30 vs 29) but runs ~18x faster on Cerebras. It's also the first multimodal model on Cerebras's platform, meaning you can now feed it screenshots, documents, charts, and UI states at wafer scale speed. # Applications I'm most excited about: - Screenshot → Insight: Drop in a dashboard or document screenshot, get structured findings back instantly. no waiting, no batching. - Live UI generation: Full interactive interfaces (like my iPhone sim) generated and rendered in under 2 seconds. - Screenshot -> Patch: Feed it a broken UI + console error, get a minimal code fix and verification steps back. - Computer use & agentic loops: See -> reason -> act - verify, fast enough to keep a human in the loop instead of waiting on the model. - Long context summarization: Full research reports condensed into decision ready summaries you can read and requery in one sitting. The bigger unlock isn't the speed number itself, it's that agentic and multimodal loops (see -> reason -> output -> tool call -> verify -> retry) finally run in real time instead of feeling sluggish. As Logan Kilpatrick (Logan Kilpatrick) put it: "If every model was doing 2,000 tokens per second, you wouldn't build the same product and just have it be faster, you'd build different products." Gemma 4 31B is live now on Cerebras Inference Cloud in public preview. If you're building multimodal, agentic, or real time apps, this is worth testing today. What would you build with such insane inference throughput?show more

This is the most hilarious thing I saw and... did today Ran gemma-4-12B-coder-fable5-composer2.5-v1-GGUF locally with 8 GB VRAM at 20+ tok/sec Anthropic's Claude Fable 5 launched June 9. By June 12 it was banned. I can't access it. You can't either. But here's the twist: I'm running a model trained on its chain of thought at 20 tok/s on my RTX 4060 8GB. Locally. Offline. No cloud. No export control. Enter: Gemma4-12B-Coder GGUF (Q4_K_M) Base: Google's gemma-4-12B-it Fine-tuned on verifiable Python CoT data: - Primary: Composer 2.5 real reasoning traces (only passing solutions kept) - Auxiliary: Fable 5 used to redo the hard cases Composer missed. Every training example's reasoning led to code that actually ran. No hallucinated logic. Llama.cpp flags: -m gemma4-coding-Q4_K_M.gguf -cnv -ngl 44 -c 64000 -v (huggingface model link in comments) Flag breakdown: -ngl 44 → offload 44 layers to GPU (tune this for your VRAM) -c 64000 → 64K context window -cnv → conversation/chat mode -v → verbose output The irony writes itself. Anthropic spent weeks telling the world Fable 5 (mythos) is too powerful to release. Then released it. Then got banned from serving it, including their own researchers. Meanwhile: a Gemma 4 12B fine tune, trained on Fable 5's reasoning, runs fully offline on my mid range consumer GPU No API. No cloud. Just me and llama.cpp. This is why local AI matters. Check out the model's link in the comments. How's your experience been with this model?show more

Let's talk about agentic product design. Every company has... its own design process. What has always worked for me is spending long studio hours with our product team, dissecting things into pieces and putting them back together. In those sessions we look at value, usability, simplicity, aesthetics, behavior, storytelling, generics, and emotional mapping. I've been crafting products this way for as long as I can remember. Product work at Lemonade isn't for the faint of heart. This obsession over every detail is hard work, but I believe it yields better results and builds stronger talent. One of the things I love about our design and product team is how this process became a second nature to them. Feedback is fast, professional, and tension free. But in our latest session, something was different. One of our designers used Figma and Cursor to build a mockup that was so advanced, it was almost ready to be shipped. It was an incredible glimpse into a world where a single designer working on top of modern low code infrastructure will be able to launch production grade experiences for products with millions of customers, and with LoCo, I expect this to become a reality at Lemonade in just a few quarters. But there's a problem to watch out for. An interesting phenomenon I've noticed over the years is that the higher the fidelity of the work being reviewed, the more defensive people become. When someone shows up with something polished, they tend to resist feedback. They've already fallen in love with what they built, and it's hard for them to accept rejection. Radical candor feedback works best at an early stage of the project, before people get attached and feel the need to defend their work. This session was no exception. Because the work was so advanced, the review became binary, and its maker became defensive. Happily, we all caught ourselves in time to acknowledge this new dynamic and started figuring out how to go back to obsessing about every corner radius, shade of white, and word. When reviewing agentically coded designs, we'll try having our designers bring in more than one option, as well as the open Cursor project so we can make changes in real time if needed. We'll see how it goes, and if this is of interest, I'll update what we learn.show more

Hold up, here is the prompt: works with almost... any model. enjoy :) Role & Objective: Act as an Elite UI/UX Front-End Engineer specializing in Apple-tier micro-interactions and advanced CSS. Your task is to program a perfectly centered navigation bar in a strictly SINGLE HTML file containing all HTML, vanilla CSS, and vanilla JavaScript. No external libraries or frameworks (No Tailwind, React, etc.). Design Concept - "True Liquid Glass": CRITICAL INSTRUCTION: Do NOT generate standard, flat "glassmorphism" or basic frosted glass. I require a physically accurate "Liquid Glass" aesthetic. It must look like wet, poured clear resin, combining the high-gloss specular highlights of classic macOS Aqua with the volumetric spatial depth of modern Apple VisionOS. 1. The Liquid Glass Material & Lighting (CSS): - Deep Refraction: Use `backdrop-filter` with extreme blur (e.g., 50px) and over-saturation (200%). - Specular Highlight: Create a curved, semi-transparent white gradient on the top half using a pseudo-element (`::before`) to simulate a hard light reflection on a wet, rounded 3D surface. - Caustics & Volume: Use multi-layered inner and outer `box-shadow` properties to simulate light refracting at the bottom edge and casting a realistic ambient drop shadow. - Interactive Glare: Implement a soft radial-gradient spotlight inside the glass that dynamically tracks the user's mouse cursor (X/Y coordinates) using JavaScript and CSS variables (`mix-blend-mode: overlay`). 2. Navigation Layout & Elements: - Center the pill-shaped navigation bar perfectly in the middle of the viewport. - Include 3 main navigation items with minimalist, inline SVG stroke icons and text labels: "Home", "Call", and "List". - Add a subtle vertical divider line after the main buttons. - Next to the divider, add a Dark/Light Mode toggle button containing inline SVG Sun and Moon icons. 3. Animations & "Apple Magic": - Sliding Active Pill: Create a solid background "pill" that sits *behind* the active navigation item's text/icon. When a different item is clicked, this pill must dynamically recalculate its width and slide to the new position. - Spring Physics: The sliding transition MUST use an exact Apple-style bouncy spring easing curve (e.g., `transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1)`). - Tactile Feedback: Buttons and icons must physically press down slightly (`transform: scale(0.92)`) when clicked (`:active`). - Theme Switch: The Sun and Moon icons must smoothly rotate, scale, and cross-fade during the transition. 4. Background Environment (Crucial): - Glass needs light and color to refract! Create a full-viewport, smoothly animated mesh gradient background using 3 large, heavily blurred, floating color blobs. - Implement full Dark/Light mode logic using CSS variables (`:root` and `[data-theme="dark"]`). Toggling the theme must seamlessly transition the background blob colors, glass opacity, shadow intensity, and text colors. Output ONLY the pristine, production-ready code. Prioritize maximum visual fidelity and silky-smooth 60fps animations.show more

🪽 Hermes just got more creative! —— Risomorphism-1911 —... production-grade ASCII rendering pipeline 🎨 Hermes-native ASCII art engine. 4 presets, --scale 1–16, video→animated eikon pipeline for your Herm TUI, quality-gated verdicts, pure-Python backend. Shipped, tested, gallery-stocked. Ready for operator deployment. 🧵 --- What it is Risomorphism-1911 is the ASCII rendering foundation for Hermes ops. Still images, video, animated eikons — all from a single deterministic pipeline. No external binaries. No guesswork. Quality enforced at every step. --- Capabilities - 4 presets: stroke-clarity (high-contrast poster), d30-dense (180-glyph block mode), braille-detail (4× effective resolution), eikon-motion (video pipeline) - Integer scaling: --scale N (1–16) on base 48×24 grid; intermediate grids adapt automatically - Quality gates: automatic verdict — high-contrast (production-safe), low-contrast-garble-risk (auto-reject), braille-dominant (resolution boost detected) - Video pipeline: frame extraction → motion-phase detection → optional motion-compensated interpolation (48 fps) → embedded HTML5 player (no HTTP/CORS) - Edge-aware processing: Laplacian-weighted downsampling + CLAHE preserves structural edges even at scale-16 densities - Pure-Python runtime: Pillow + NumPy only; ffmpeg optional for interpolation step --- CLI surface ascii-pipeline presets # list 4 presets ascii-pipeline diagnose file.txt # quality verdict ascii-pipeline render-preview image.jpg # quick PNG ascii-pipeline render-image \ --input image.jpg \ --preset d30-dense \ --scale 4 \ --out out.txt \ --preview-out out.png \ --diagnostics-out out.json ascii-pipeline build-eikon-from-video \ --video owl.mp4 \ --fps 48 \ --states 3 \ --id owl-smooth --- Scale strategy - Base: 48×24 (Herm avatar) - Scale 1–4: deployable, fast - Scale 8: showcase-ready - Scale 16: poster-sized, heavy, edge-aware mandatory All paths share the same preset pipeline; intermediate grids scale transparently. --- Tech stack - Python 3.11+, Pillow ≥10.0, NumPy ≥1.26 - Zero runtime binary deps - 11-test suite, 100% green - MIT license - Skill documented in SKILL.md with operator guidance --- Gallery (16 panels) - Cosmic pyramid stroke-clarity 192×96 — bold poster contrast - Cosmic pyramid D30 dense 192×96 — 180-glyph atmospheric - Owl animated eikon 48 fps — motion phases, smooth interpolation - Avatar fallback 48×24 — compact, deployable, legible All final-generation assets only. Clean tree: ~47 MB. No intermediates. --- This is the ASCII rendering baseline Hermes ops can rely on. Deterministic. Quality-gated. Production-ready.show more

✨ I open sourced my first Chrome extension 🚀... SuperLevels I vibe coded it to replace all my Chrome extensions that are increasingly being bought up by spyware and malware companies who sell your data or worse hack your accounts and steal your stuff/money/data, which I'd call one of the top security risks right now For example: Chrome extensions can read your cookies or localStorage data, including session tokens, then login to your web or email accounts and hack you, they can inject code into any site to pull data form any site you browse, then break into your crypto accounts, drain your wallets, and selling your browsing history to ad companies, but that'd actually be the most favorable thing to happen of all these! Chrome extensions are just very very very unsafe So I coded my own, that I can trust because I made it, and I can read the source code: my extension is called 🚀SuperLevels and has all the features that the Chrome extensions I used to use have but all built into one safe one The cool thing is it's 100% open source and free, and you can audit the code first with AI yourself before installing it, and then if you do install it, customize it to your liking again with AI It has these features that improve my daily workflow while browsing the web: 🚮 Tab Cleaner Automatically closes inactive tabs after a configurable timeout (default: 5 minutes). Set excluded hosts to keep important tabs alive. View and re-open recently closed tabs. 🍪 Cookie Editor Full cookie manager for the current site. View, edit, add, and delete cookies. Export cookies as JSON. Expand any cookie to see and modify all fields including domain, path, SameSite, secure, and httpOnly flags. 🔀 Redirect Tracer See every redirect hop your browser took to reach the current page. Shows status codes (301, 302, 307, etc.) with a visual chain. Copy the full redirect chain to clipboard. 🌙 Dark Mode Instant dark mode for any website using CSS filter inversion. Adjustable brightness. Toggle per-site or globally. Images and videos are automatically re-inverted so they look normal. 𝕏 X Dim Mode Custom dim theme for X/Twitter with 7 color palettes: Dim, Slate, Jade, Plum, Dusk, Ember, or a custom hue. Live preview in the popup. ⚡ JS Toggle Disable JavaScript per-site with one click. Useful for debugging, reading articles without popups, or testing progressive enhancement. Page reloads automatically. 🚫 GDPR Cookie Consent Dismisser Auto-hides and auto-clicks cookie consent banners. Supports OneTrust, CookieBot, Didomi, Quantcast, GDPR plugins, and dozens more frameworks. Toggle off if a site breaks. 🎨 Live CSS Editor Write custom CSS for any website, applied in real-time as you type. Saved per-domain. Supports tab key for indentation. 📺 YouTube Unhook Removes YouTube distractions: no homepage feed, no sidebar suggestions, no end screen overlays, no Shorts. Search still works — just no algorithmic recommendations. 🎵 Music Recognizer Shazam-like music identification for any tab. Captures 10 seconds of audio and identifies the song via ACRCloud (free signup, bring your own API key). Results link to YouTube. History of recognized songs. 🖼 Picture-in-Picture Pop the largest video on the current tab into a floating PiP window with one click. 🗺 Google Maps Links Re-adds clickable Maps links and map preview cards to Google Search results. 🖼 View Image Adds a "View Image" button back to Google Images, linking directly to the full-size original image. {} JSON Formatter Auto-detects pure JSON response pages and formats them with syntax highlighting, collapsible sections, and a dark theme. Copy or view raw with one click. Never triggers on regular HTML pages.show more