JACoB, Just Another Coding Bot, is an open-source tool designed to streamline your development process by automating coding tasks, transforming Figma designs into deployable code, and integrating seamlessly into your existing workflow. As an AI-powered team member, JACoB works alongside you, learning your coding style and preferences to generate consistent, high-quality code output that fits right into your project’s architecture.
JACoB is designed to be flexible and extensible, allowing you to customize its behavior to fit your specific needs. It integrates with GitHub and Figma, ensuring a smooth transition from design to deployable code, tailored to your project's standards. JACoB is built for privacy and security, ensuring that your code and data remain secure and private.
AI is already changing the way software is written and these changes are only going to accelerate over time. We believe that developers, not large corporations, should be at the forefront of this change. JACoB is designed to help developers leverage AI to make their lives easier, to be more productive and to build better software. Our team is committed to building a tool that is open, transparent and respectful of the privacy and security of developers and their code. Every developer in the world should have a say in how AI is used in software development, and JACoB is our contribution to that conversation. We hope you'll join us in building the future of AI in software development, together.
Here's a high-level overview to see how JACoB works. This video shows the Figma and GitHub integration, along with a preview of the real-time web portal. Watch on YouTube
We also put together a fun little JACoB "trailer" video for the socials. Watch on YouTube
This walkthrough video shows an example of the JACoB web portal reviewing an existing GitHub issue that contains a Figma design. JACoB detects the link, opens the design in Figma, and uses the JACoB Figma plugin to convert the design to code. Watch on YouTube
The JACoB web portal has a feature where users can view tasks assigned to them in GitHub and then work with the AI to add more details and context. Once the issue has been approved, the user can update the issue directly on GitHub and the JACoB coding engine will start working on the task, ultimately creating a PR. Watch on YouTube
Here's a working session where I recorded myself using JACoB for a real-world task. For this scenario, I had several pages of onboarding screens that I needed to create for the JACoB setup process (starting at https://jacb.ai/signup). This video shows the process I used to convert these designs into code, including time that I spent correcting a few minor errors and ultimately creating the pages that are live on the site today. Watch on YouTube
I've personally used JACoB to save myself a ton of time over the past year. Chris and I weren't just trying to beat benchmarks, we built JACoB to make our real-life production-level tasks faster, easier, and way more fun. To see JACoB being used to build the jacb.ai site in about an hour, watch our demo video
JACoB is a product of a full year of research and development around using AI for real-world production scenarios, and we've published a technical white paper to provide a deep dive into JACoB's methodology and architecture. The paper covers the architecture of JACoB, an evaluation of JACoB with other tools and a roadmap for future development.
Read the Technical White Paper
To evaluate JACoB, we recruited a wide variety of developers to visit the JACoB Arena to compare JACoB's capabilities against the top design-to-code tools and human benchmarks. The results were impressive, with JACoB outperforming seven top design-to-code tools. The JACoB Arena is a great place to see the quality of JACoB's output for yourself.
Our approach for building JACoB was to start with a set of narrowly-defined tasks that the current generation of AI models are capable of today, with the hope of inspiring the JACoB community to contribute to additional languages and frameworks over time. We also acknowledge that limitations in context window sizes and overall model intelligence means that JACoB is focused on smaller, more descrete tasks. While JACoB has the potential to work across any codebase, we've focused initially on a limited number of languages and frameworks. Specficially, JACoB currently works best with:
We're focused on results over hype, and we're looking forward to building out the capabilities of JACoB with other like-minded developers.
JACoB integrates directly into your GitHub workflow, transforming Figma designs into deployable code and understanding your entire codebase. Begin by signing up to explore JACoB's capabilities or follow our quick start guide for immediate onboarding.
JACoB pioneers intelligent automation, handling complete development tasks beyond mere auto-completion. It offers:
Integrates with GitHub and Figma, eliminating the need for additional tools. This ensures a smooth transition from design to deployable code, tailored to your project's standards.
JACoB safely reviews and contributes, adhering to your project's code review processes, and supports collaborative coding with AI without disrupting existing workflows.
JACoB learns your coding style and preferences, generating consistent, high-quality code output that fits right into your project’s architecture.
JACoB works via a GitHub app and the local version does not store your codebase. We rely on commercial or open-source LLMs and do not train on any data. The hosted version contains logs that will have code snippets, which will be retained for 14 days. Our GitHub app tokens have an 8-hour expiration and are not saved in our database. The hosted version uses the OpenAI API, you can read their API data privacy policy here. The self-hosted version can be run on your own infrastructure and using your own OpenAI API key or local language models via Ollama.
JACoB works via a custom GitHub app and a Figma Plugin, along with a command-line tool to set up the configuation options. To try out the hosted version of JACoB, visit the JACoB Website. For a self-hosted version, follow the steps below to set up JACoB locally.
GitHub App Creation
openssl rand -base64 32
to generate a secret key)GITHUB_PRIVATE_KEY
and save it. This will be used in your .env
configuration.http://localhost:3000/api/auth/callback/github
(for Auth.js).http://localhost:3000/auth/github
(for Figma Auth).Read & Write
for the following:
Issues
Pull requests
Contents
Metadata
(can be read-only)Issues
Issue comments
Pull requests
Pull request reviews
Pull request review comment
Pull request review threads
App ID
, Client ID
, Client Secret
, and generate a Private Key
. These will be used in your .env
configuration.Running Smee
smee -u [Your smee.io URL] --target http://localhost:3000/api/github/webhooks
, ensuring it's forwarding to your local server's port.JACoB Configuration
npx jacob-setup create
to generate a jacob.config
file. This file configures JACoB for your specific project environment and needs.jacob.config
to specify your project’s details, including any necessary environment variables for building your application.Figma Plugin Installation
Plugins > Development > Import plugin from manifest...
, selecting the manifest.json
file from your local Figma plugin build.Environment Setup
.env
file based on .env.example
OPENAI_API_KEY
PORTKEY_API_KEY
and PORTKEY_VIRTUAL_KEY_*
keysGITHUB_PRIVATE_KEY
generated in the GitHub app setupGITHUB_APP_ID
, the GITHUB_APP_NAME
, the GITHUB_CLIENT_ID
, and the GITHUB_CLIENT_SECRET
(note that this needs to be populated as both GITHUB_CLIENT_SECRET
and VITE_GITHUB_CLIENT_SECRET
in the .env
file)GITHUB_APP_USERNAME
by calling a URL like this https://api.github.com/users/[GITHUB_APP_NAME][bot] and look at the id
in the response (it will be a number)DASHBOARD_USERS
variableIssue comments
, Issues
, Pull request review comments
, and Pull request reviews
Infrastructure with Docker
docker compose up -d
to start essential services like RabbitMQ and Postgres.Dependency Management
npm install
.Database Setup
npm run db create
and npm run db migrate
to prepare your local databases.Testing and Running
npm test
.npm run dev
.After setting up your environment and JACoB's core components, perform the following steps to ensure everything is integrated correctly:
Install the Registered GitHub App
Authenticate with JACoB
Verify Webhook Functionality
Verify Dashboard Functionality
After you've set up your local JACoB environment and configured the GitHub app, you'll likely want to test how JACoB handles specific GitHub webhook events (e.g., issue creation, pull request updates). Instead of repeatedly performing actions on GitHub to trigger these events, you can use GitHub's webhook replay feature to simulate them. Here’s how:
Access the Webhook Settings: Go to your GitHub app's settings page and navigate to the "Advanced" section, where you'll find a list of delivered webhooks.
Identify the Event to Replay: Look through the list of delivered webhooks to find the event you want to test with JACoB. This list provides details about each event, including its type, delivery status, and payload.
Replay the Webhook: Next to the event you want to replay, you'll see a "Redeliver" button. Clicking this button will resend the webhook's payload to your specified endpoint (in this case, your local JACoB instance via the smee.io URL or directly if you're testing in a production-like environment).
Monitor the Response: After replaying the webhook, monitor your JACoB logs or the development server output to see how it processes the event. This immediate feedback is invaluable for debugging and ensures that JACoB reacts as expected to the simulated events.
Iterate as Needed: If the behavior isn’t what you anticipated, make the necessary adjustments to your JACoB configuration or code, and use the replay feature again to test the changes. This cycle can be repeated as many times as needed to achieve the desired outcome.
We welcome contributions! From language support to framework integrations, there's always room for new features and improvements. Join our Discord community for discussions and support.
Licensed under the Apache License 2.0. See the LICENSE file for more details.
A heartfelt thank you to the developer community for contributions and support. JACoB is a community-driven project, and its success is thanks to the collaborative effort of developers worldwide.