Search Results for "visual coding"
Sort By:
Showing 39 open source projects for "visual coding"
View related business solutions-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
1
Skills for coding agents
Skills for coding agents
BuilderIO Skills is a collection of small, composable skills for coding agents. It is made for teams that want agents to perform better in planning, review, orchestration, validation, documentation discipline, and clear communication. Instead of acting like a heavy process framework, it lets teams install only the skills they need and adapt them to their project. The catalog includes tools for visual planning, visual PR recaps, agent audits, plan comparison, autonomous execution, model orchestration, usage-limit management, final status recaps, and documentation-first development. ... -
2
OpenWhip
Optimize interaction with AI coding assistants
OpenWhip is a desktop utility built as a cross-platform Node.js application that humorously gamifies interaction with AI coding assistants by simulating a “whip” tool to interrupt and motivate them during long or stalled operations. The application runs as a lightweight system tray program and overlays a visual whip animation on the screen when activated, creating an interactive and slightly absurd interface for user engagement. Its core functionality is surprisingly practical beneath the joke: when triggered, it sends a keyboard interrupt signal (Ctrl+C) to halt the current AI process, effectively giving developers a quick way to stop unresponsive or slow-running tasks. ... -
3
beautiful-html-templates
A library of HTML slide templates
beautiful-html-templates is a reusable library of HTML slide templates made for coding agents that need to produce polished presentation decks automatically. It gives agents a structured way to choose a visual direction, clone the right template, and adapt it to a user’s content brief. The project includes an index-driven workflow, with guidance files that explain how an agent should inspect available templates and match them to the requested style. -
4
Cloud CLI
Use Claude Code, Cursor CLI or Codex on mobile and web with CloudCLI
ClaudeCodeUI, also known as CloudCLI, is an open-source web and mobile interface that enables developers to control Claude Code and similar AI coding tools through a graphical environment. The project provides a browser-based dashboard that allows users to manage coding sessions, projects, and prompts remotely from virtually any device. It is designed to bridge the gap between terminal-first AI coding workflows and more accessible visual interfaces, improving usability without sacrificing power. ... -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
5
Framelink MCP for Figma
MCP server enabling AI coding tools to access Figma design data
Figma-Context-MCP is an open source server that connects Figma design data with AI-powered coding tools through the Model Context Protocol (MCP). It allows coding assistants to retrieve structured information from Figma files so they can better translate visual designs into working code. Instead of relying on screenshots or manual descriptions, Figma-Context-MCP accesses layout, styling, and component metadata directly from the Figma API and presents it in a simplified format optimized for AI models. ... -
6
Blockly
The web-based visual programming editor
The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. It outputs syntactically correct code in the programming language of your choice. Custom blocks may be created to connect to your own application. Blockly in a browser allows web pages to include a visual code editor for any of Blockly's five supported programming languages, or your own. Blockly plugins are self-contained pieces of code that add functionality to Blockly. ... -
7
Chromatone
Chromatone is a digital garden of visual music theory
Cards and short overviews on the physics and physiology of vision and hearing and their intersection at visual music research, exploration, practice, and self-expression. Useful tools to have in the pocket like a pack of interactive cards to learn and use in everyday music practice. These are open source web experiments with different aspects of sound and color. Chromatone is an open source research and design project to explore, develop and implement the scientific way of visual music... -
8
Synthwave ’84 (VSCode Theme)
Synthwave inspired colour theme for VS Code
synthwave-vscode is a visual theme extension for Visual Studio Code that gives the editor a retro, neon-drenched look reminiscent of 1980s synthwave aesthetics. It applies a dark base palette with bold accent colors, glowing highlights, and sharp contrasts to bring an edgy, stylized atmosphere to coding sessions. Syntax highlighting is tuned to balance readability with dramatic flair, ensuring code elements don’t get lost while preserving the cool visual vibe. ... -
9
FormCreate
The easy-to-use Vue low-code visual AI form designer
FormCreate is a low-code visual form builder built on Vue that enables developers to create complex, dynamic forms through a drag-and-drop interface rather than manual coding. It is part of the broader form-create ecosystem and leverages JSON-based schema generation to dynamically render forms, handle validation, and manage data collection workflows. The tool is designed to significantly reduce development time by allowing users to visually assemble forms while automatically generating the underlying configuration and logic. ... -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
10
Guizang Social Card Skill
Claude Code / Codex skill — generate Xiaohongshu carousels
...The project is self-contained and meant to be used by AI coding or agent tools as a repeatable creative workflow. It is useful for creators, marketers, designers, and content teams producing platform-ready social visuals. -
11
shuohao-skills
Agent skills for AI short-drama production
shuohao-skills is a collection of reusable workflows for AI coding agents such as Claude Code and Codex. Its current featured skill transforms novels into structured character-development packages. The workflow can generate character profiles, visual design prompts, voice prompts, and model sheets from source fiction. Output language and image style can be configured for different creative pipelines, although the current implementation is Chinese-first. -
12
Super Magic
All-in-one AI productivity platform with agents, workflows, and IM
...Magic centers around a general-purpose AI agent system called Super Magic, which can autonomously understand tasks, plan actions, execute workflows, and perform error correction. Alongside this, Magic includes a visual workflow engine that enables users to design complex AI processes using a drag-and-drop interface without requiring extensive coding knowledge. It also provides an enterprise-grade instant messaging system that integrates AI conversations with internal communication, allowing teams to collaborate while leveraging intelligent assistants. ... -
13
Easy-Vibe
Tutorial on Product Prototype, AI Capability Integration
Easy-Vibe is an open-source educational project designed to teach developers, product managers, and beginners how to build AI-powered applications using the emerging concept of “vibe coding,” a development approach that relies heavily on AI-assisted programming tools. The project provides a structured curriculum that guides learners from having no programming experience to building fully functional AI-integrated applications. Instead of focusing only on theoretical concepts, Easy-Vibe... -
14
baoyu-design
Run Claude Design locally as an Agent Skill
baoyu-design is an Agent Skill that lets local coding agents produce polished visual design artifacts. It packages Claude Design-style methodology for environments such as Cursor, Claude Code, Codex, Claude Desktop, and other file-capable agents. The skill can generate UI mockups, prototypes, wireframes, landing pages, dashboards, mobile app screens, and slide decks as self-contained HTML. -
15
Claude of Duty
A Call of Duty-quality FPS in Three.js, built from a single prompt
Claude of Duty is a browser-based first-person shooter built with Three.js and WebGL2 by an orchestrated fleet of AI coding agents. The project contains roughly 55,000 lines divided across 11 coordinated gameplay and rendering subsystems. It uses no conventional art or audio assets because textures, meshes, animations, weapons, effects, environments, and sounds are generated procedurally from code at runtime. Its systems cover advanced rendering, custom physics, movement, ballistics, enemy... -
16
onedark.vim
A dark Vim/Neovim color scheme
...The theme supports both plain Vim and Neovim, and works well with statusline plugins like vim-airline or lightline by providing compatible theme files. Users appreciate that the colour choices remain consistently comfortable over long coding sessions and that the theme handles syntax elements (keywords, methods, variables) in a clear, differentiated way. Because it is actively maintained, it supports modern setups and integrates with many plugins. Setting it as your colourscheme typically gives Vim a fresh, stylish visual look very quickly. -
17
Complete Intro to Web Dev v3
The Complete Intro to Web Dev v3, as taught on Frontend Masters
Complete Intro to Web Dev v3 is the course repository for Brian Holt’s beginner web development class on Frontend Masters. It is designed for learners with little or no coding experience. The lessons introduce HTML for page structure, CSS for visual design, and JavaScript for interactive behavior. Students practice browser tools, editors, debugging, responsive layouts, and common development workflows. The material builds toward creating a complete web application rather than isolated syntax exercises. ... -
18
Hallmark
Anti-AI-slop design skill for Claude Code, Cursor, and Codex
Hallmark is an anti-AI-slop design skill for AI coding assistants such as Claude Code, Cursor, and Codex. It gives agents a concrete design rule set for producing interfaces that look intentionally crafted rather than generic, repetitive, or template-like. The project focuses on typography, color, layout, motion, microinteractions, visual hierarchy, and structural variation. It can be used to build new UI, audit existing code, or redesign an interface while keeping the underlying content and information architecture. ... -
19
Frontman
AI coding agent for visual frontend fixes in your browser
Frontman is an open-source AI coding agent that lives inside your running web app. Click any element, describe the change, and Frontman edits the real source files with hot reload. Unlike IDE-only coding tools, Frontman sees the live DOM, component tree, computed CSS, routes, source maps, screenshots, console output, and server logs. That runtime context helps product managers, designers, and frontend teams fix copy, spacing, colors, layout bugs, and internal UI polish without guessing which file owns a rendered element. ... -
20
Zeus
All-in-one AI assistant for coding, learning, writing, and creativity.
Zeus AI is an all-in-one AI assistant designed to help users with coding, learning, writing, creative tasks, image generation, and everyday productivity. With Zeus AI, users can ask questions, get explanations, generate and debug code, improve written content, brainstorm ideas, and create AI-generated images from one platform. Zeus AI is available as a web application, Windows desktop application, and Visual Studio Code extension, making AI assistance accessible across different workflows. ... -
21
CSS Reference
Fee visual guide to the most popular CSS properties
CSS Reference is a human-friendly, example-driven reference for CSS that focuses on how properties behave in practice rather than only listing their syntax. Each entry explains what a property does, shows concise examples, and illustrates the visual result so you can internalize concepts quickly. The reference highlights common pitfalls and “gotchas,” helping you avoid surprises when mixing layout modes like Flexbox and Grid or when dealing with overflow and positioning. It favors clarity... -
22
Mermaid.js to SVG Converter
Visualize the diagrams of your projects
While coding with AI assist, I noticed bigger projects need something more rigid as context so the AI coder doesn't stray away when I try to add new features. You know, to keeps its memory fresh and not change the stuff that already works. The trick is to ask the AI to write a diagram in Mermaid.js format that solidifies the structure of the project and then use that as context to keep the AI reminded at all times what the project is as a whole. -
23
glsl-sandbox
Shader editor and gallery
GLSL Sandbox is an in-browser playground for writing and sharing fragment shaders with instant visual feedback. It provides a minimal editor and a fullscreen WebGL viewport so your shader takes center stage, making it perfect for learning, live-coding, and showcasing visual experiments. The environment injects a small set of uniforms—time, resolution, mouse—so you can animate and interact without boilerplate. A public gallery lets creators browse, fork, and remix shaders, turning the site into a collaborative learning hub. ... -
24
pgn4web
javascript chess games viewer for websites, blogs and live broadcasts
pgn4web is a javascript chess games viewer for websites, blogs and live broadcasts. "pgn4web has a clean design, and is easily integrated and configured in wordpress. And yet, below that layer of simplicity, it has enough bells and whistles to allow for more baroque needs and taste. A truly great plugin." GM Tiger Hillarp, using the pgn4web plugin for wordpress on his site chess at the bag of cats, May 2013. "We wanted a live viewer that could work on tablets and mobile phones. pgn4web... -
25
Bonita
A DPA process-based application platform with a workflow engine
Bonitasoft fully supports digital operations and IT modernization with Bonita, an open-source and extensible platform for automation and optimization of business processes. The Bonita platform accelerates development and production with clear separation between capabilities for visual programming and for coding. Bonita integrates with existing information systems, orchestrates heterogeneous systems, and provides deep visibility into processes across the organization. Learn more at www.bonitasoft.com
