The @json-render/image tool turns a simple JSON description into a picture. You can make social media cards or open graph images. No need to design by hand. Just write a spec and get an SVG or PNG file. It uses a library called Satori to do the work. Developers can add their own custom components too. The result is ready to use on websites or in apps.
This tool works with standard pieces like frames, headings, text, and images. You can arrange them in rows or columns. It gives you full control over colors, sizes, and spacing. The output is clean and fast. You can use it to create images from AI prompts or any data source.
Add Image skill to your workflow
Global
mkdir -p ~/.claude/skills/imageProject
mkdir -p .claude/skills/imageSource Repository
More AI & Agent Building Claude Code Skills
Find Skillsvercel-labs/skills
Find and install the perfect skill to extend your AI agent
Microsoft Foundrymicrosoft/azure-skills
Build, deploy, and improve AI agents on Microsoft Foundry from start to finish
Azure Aimicrosoft/azure-skills
Search, transcribe, and analyze with Azure AI tools for smarter apps
Azure Hosted Copilot Sdkmicrosoft/azure-skills
Build, deploy, and manage your Copilot SDK apps on Azure with ease
Triagemattpocock/skills
Triage issues with a state machine driven by clear roles and agent briefs
Handoffmattpocock/skills
Hand off your work to another AI agent with a clear summary
Image Editagentspace-so/runcomfy-agent-skills
Smart router picks the best AI model for your image editing needs
Agentspaceagentspace-so/skills
See your AI agent's live folder from any browser instantly