29 entries
Keyword: webglLink:Ryan
Anatomy is a skill for Claude Code that translates abstract technical concepts into interactive isometric machines. Instead of conventional box-and-arrow diagrams, the tool operates on the principle that a functioning physical object should serve as the explanation itself.
From X post: Claude as a Motion Design Studio: 3D Models and Exploded Views with Opus 5.5
Repository:DavidHDev/canvas-ui
Canvas UI is a component library that renders canvas effects—such as fluid simulations, shaders, and 3D scenes—directly over live, interactive HTML interfaces. It is framework-agnostic and supports React, Vue, Svelte, and vanilla JavaScript.
4.9kstarsTypeScript
From X post: Open-source repositories to upgrade UI design in AI coding agents
X post:0xMarioNawfal
An X post highlights open-source repositories designed to equip AI coding tools like Claude Code, Cursor, and Codex with design systems, MCP integrations, and anti-template guardrails.
6.5kbookmarks264.2kviews
X post:Skunzu
Skunzu shares a curated list of open-source web graphics and animation libraries that Claude Opus 5.5 can use to orchestrate in-browser motion design pipelines.
1.5kbookmarks59.9kviews
Repository:wheresryan22/anatomy
Anatomy is an open-source skill for Claude Code, OpenCode, and Codex that explains complex technical concepts by turning them into detailed physical machinery. It generates interactive isometric figures using SVG, optional WebGL shaders, and 3D effects.
6.6kstarsJavaScript
From X post: Anatomy: Agent Skill for Animated Isometric SVG Explainers
Repository:juliobsz/skills
juliobsz/skills introduces the /awwwards agent skill, designed to generate award-style, highly animated websites from minimal single-line text prompts.
247starsTypeScript
From X post: /awwwards: Agent Skill Generating Award-Calibre Websites from Minimal Prompts
X post:Guillermo Rauch
Guillermo Rauch highlighted the open-source project Anatomy by developer R (@wheresryan22). Designed as an agent skill for Claude, the tool transforms single-line machine descriptions into interactive 3D isometric models.
2.2kbookmarks218.5kviews
X post:Meng To
Meng To showcases 'Anatomy', an open-source agent skill by developer Ryan (@wheresryan22) that enables coding agents like Claude Code to generate interactive isometric SVG and WebGL visualisations.
3.4kbookmarks101.5kviews
X post:R
Developer R has released Anatomy, an open-source agent skill for Claude that generates interactive isometric 3D wireframe models of machines from single-line text descriptions.
24.3kbookmarks2.1mviews
Link:three.ws
three.ws is a web platform for creating and embedding animated 3D AI agents. Users can generate 3D models or avatars from text prompts or selfies, customise their behaviour, and embed them via web components directly into websites.
From X post: Open-Source Local Alternative to ElevenLabs for Voice Cloning and TTS
Repository:nirholas/three.ws
three.ws is an open-source platform designed to create and embed interactive 3D agents directly in the browser. It allows developers to turn text, images, or sketches into rigged GLB avatars, attach LLM reasoning via the Model Context Protocol (MCP), and embed them anywhere using a single Web Component.
224starsJavaScript
From X post: Curated List of AI and Developer Accounts on X
Link:Marcelo
HorizonX provides a curated library of UI kits, Figma templates, WebGL scenes, and shaders tailored for frontend developers and designers. The platform includes interactive 3D assets and in-browser texture editors.
From X post: Design Resources for AI Coding: Curated UI Pattern Inspiration
Link:vault.hyperiux.com
Hyperiux Vault provides a collection of interactive UI components and WebGL scenes for React and Next.js, designed to be integrated directly into a project's codebase.
From X post: Curated UI and Micro-Interaction Libraries for React and Next.js
Repository:bilawalsidhu/gods-eye-view
God's Eye View is an open-source browser application for spatial intelligence. It aggregates publicly available data feeds—such as flight transponders, ship beacons, satellite orbits, seismographs, and public CCTV cameras—onto a photorealistic 3D globe with real-time AI voice interaction.
44.7kstarsJavaScript
From Video: Trending GitHub Projects: OpenBao, Magnitude, herdr, and Other Open-Source Tools
Repository:MengTo/Skills
The GitHub repository MengTo/Skills provides a curated collection of Markdown-based 'agent skills'. It enables designers and builders to guide AI coding agents like Codex, Claude, and Cursor through complex web design, interaction, and 3D rendering tasks.
6.2kstarsHTML
From X post: Open-Source Virtual Tour Landing Page Seijaku and Eight Three.js Agent Skills
Repository:MengTo/seijaku
Seijaku is an interactive web demo by Meng To that delivers a continuous, scroll-based walkthrough of a virtual Kyoto residence. It combines procedural Three.js architecture, Web Audio soundscapes, and interactive material studies without requiring a build step.
32starsHTML
From X post: Open-Source Virtual Tour Landing Page Seijaku and Eight Three.js Agent Skills
X post:Harshit
Developer Harshit showcases a side project that evolved into a branding lab tool. The project combines graphic shaders with brand assets and is part of an open-source product.
571bookmarks21.1kviews
Link:scrolltide.co
Scrolltide is a curated collection of scroll-driven templates, UI components, and shaders designed as prompts for AI coding tools such as Claude, Cursor, and v0.
From X post: 20 Curated UI Resources for Design Engineers
X post:Meng To
Meng To has open-sourced Seijaku, an interactive 3D virtual tour landing page of a Japanese house. Alongside the project, he released eight modular Three.js skills designed to steer AI coding agents when generating complex 3D scenes.
260bookmarks21.4kviews
Repository:ashemag/human-atlas
Human Atlas is an open-source, interactive 3D anatomy explorer built with React, Three.js, and shadcn/ui. It breaks down the BodyParts3D reference model into 2,234 selectable meshes across 15 anatomical systems, offering search, layer toggles, and exploded views.
2.9kstarsTypeScript
From X post: 3D Anatomy Visualisation Created with GPT-6 Astra
Repository:oil-oil/oil-motion
Oil Motion is an open-source AI agent skill designed to generate continuous animations using video models, process the assets, and connect them to user interactions such as scrolling, mouse movement, and touch.
2.2kstarsPython
From X post: AI Video-Driven Web Animations: oil-oil's Design Engineering Workflow
Repository:MengTo/threeui
ThreeUI Community is an open-source component library and interactive catalogue providing 3D and shader-based UI elements for React. Maintained by Meng To (DesignCode), it delivers the complete source code for all free community components without requiring an account.
5.2kstarsHTML
From X post: ThreeUI and Opus 5: Generating 3D Websites from Video References
Link:The Khronos Group Inc.
The Khronos Group GitHub Directory serves as a central hub linking to all public open source repositories and development resources associated with the consortium's open standards.
From Video: Weekly AI Updates: Vulkan, Mojo, Kimi K3, and Emerging Agent Frameworks
Link:miaai-lab.github.io
Synesthesia is a browser-based real-time fluid simulation featuring interactive audio. The WebGL 2 project responds to touch, mouse movement, and keyboard shortcuts.
From X post: Claude Fable 5.1 Generates Single-File HTML with Audio in a One-Shot Prompt
24 of 29 shown
Do you have an interesting article, a video, or a tweet that belongs in our knowledge base? Write to us at office@webconsulting.at.
Parts of this content were created with the assistance of AI.
