# Carbonara MCP for AI Agents AI Agent Connect > Carbonara MCP lets you turn messy code snippets into professional, high-quality images. It handles syntax highlighting, custom themes like 'seti', and window styling automatically. It's perfect for documentation, tutorials, and social media sharing. ## Overview - **Category:** developer-tools - **Price:** Free - **Endpoint:** https://edge.vinkius.com/vk_preview_0XnYwPmDpzM2q6md1Jg1e6TZ6XxnAdczMFbgBlwp/ai-agent-connect - **Tags:** code-screenshots, syntax-highlighting, carbonara, developer-productivity, image-generation ## Description You're trying to share a complex logic block or a snippet of React code, but copy-pasting it into a Slack message or a blog post makes it look like a mess. It loses its formatting, and the colors are gone. With this Connector, you can just tell your AI client to "cook" that code into a clean, polished image. It handles all the heavy lifting of styling. You can pick specific themes to match your brand, add realistic window controls like the ones you see on a Mac, and even choose between sharp or rounded window themes. It's like having a professional graphic designer for your code snippets. Instead of spending twenty minutes fiddling with screenshot tools and editors, you just describe the look you want to your agent. It handles the padding, the background colors, and the specific line highlights. It's a huge time saver for anyone who needs their technical content to look sharp without the manual effort. You can find this and thousands of other tools in the Vinkius catalog to build out your full dev workflow. It takes the friction out of creating visual aids for your team or your audience. You don't have to worry about font sizes or background colors anymore because you can just specify them in plain English. Whether you're making a tutorial or a quick update, your code will always look its best. ## Tools ### cook_code_image Converts a code snippet into a high-quality PNG image with your specified styling. This makes it easy to share clean code on social media or in documentation. ## Prompt Examples **Prompt:** ``` Cook a code image for this Python function using the 'seti' theme and include line numbers. ``` **Response:** ``` I've generated the image for your Python function. It features the 'seti' theme with visible line numbers for better readability. [Image Attached] ``` **Prompt:** ``` Create a high-resolution screenshot of this React component with a blue background and drop shadow. ``` **Response:** ``` Processing your React component... I've rendered it with a custom blue background and a soft drop shadow for a professional look. [Image Attached] ``` **Prompt:** ``` Generate a code snippet image for this SQL query, highlight lines 2 and 4, and add macOS window controls. ``` **Response:** ``` The SQL query has been 'cooked'. I've highlighted the requested lines and added the window controls as specified. [Image Attached] ``` ## Capabilities ### Generate high-quality PNGs Get a clean image of any code block instantly. ### Apply custom themes Match your brand's aesthetic using popular presets like 'seti'. ### Style window controls Add macOS-style buttons or rounded corners to your snapshots. ### Highlight specific lines Call out the exact parts of the code that matter to your reader. ### Adjust visual padding Control the spacing and background colors for a polished look. ## Use Cases ### Social Media Sharing A dev wants to share a React hook on X. They ask the agent to "cook" it with a blue background and a drop shadow for a professional look. ### Documentation Updates A technical writer needs to update a tutorial. They have the agent generate a series of consistent PNGs with macOS window controls. ### Tutorial Slides An educator wants to highlight a specific SQL query. They ask the agent to highlight lines 2 and 4 with the 'seti' theme. ### Team Onboarding A lead dev wants to share a logic block in Slack. The agent generates a high-res image so the formatting doesn't break in the chat. ## Benefits - Save time on manual formatting by letting your agent handle syntax highlighting and theme application automatically. - Maintain brand consistency across all your technical content by using specific themes like 'seti' via cook_code_image. - Improve readability in team chats by replacing messy copy-pasted text with clean, high-resolution PNGs. - Focus on content rather than design by letting the Connector handle padding, shadows, and window styles. - Create better educational materials by using specific line highlights to guide your students' attention. ## How It Works The bottom line is you get professional code screenshots without ever opening a dedicated image editor. 1. Subscribe to the Connector and provide your Carbonara instance Base URL. 2. Tell your AI client to "cook" a specific code snippet. 3. Receive a base64 encoded PNG image ready to be used anywhere. ## Frequently Asked Questions **Can Carbonara MCP create images with different themes?** Yes, you can choose from popular presets like 'seti' or define custom styles to match your brand. **Does Carbonara MCP support multiple programming languages?** It handles automatic detection for most languages, so your syntax highlighting will always look correct. **How do I get the images from Carbonara MCP?** Your AI client will provide a base64 encoded PNG that you can save or share instantly. **Can I add window controls to my Carbonara MCP images?** Yes, you can add macOS-style close, minimize, and maximize buttons to your code snapshots. **Is Carbonara MCP good for technical documentation?** It's ideal for docs because it ensures every code snippet looks consistent and professional. **Can I highlight specific lines in a Carbonara MCP image?** You can tell your agent exactly which lines to emphasize to make your tutorials easier to follow. **Can I customize the syntax highlighting theme and font?** Yes! You can use the `theme` parameter (e.g., 'seti') and `fontFamily` or `fontSize` to match your preferred style perfectly. **Is it possible to highlight specific lines of code in the image?** Absolutely. Use the `selectedLines` parameter to provide a comma-separated list of line numbers (e.g., '3,5,6') that you want to emphasize. **Can I add window controls like the ones on macOS?** Yes, by setting `windowControls` to true, the generated image will include the classic close, minimize, and maximize buttons.