Allyson MCP Server
The Allyson MCP Server is an AI-powered tool that transforms static images into animated SVG components using the Model Context Protocol (MCP).
Key capabilities:
Generate animated SVGs from static files (PNG, JPG, SVG)
Define animations using natural language prompts
Process local files using absolute paths
Save animated components to specified locations (e.g., in TSX format)
Integrate with MCP-compatible AI assistants and tools like Claude Desktop and Cursor IDE
Provide secure handling of API keys with HTTPS communication
Runs on Node.js version 18.0.0 or higher, utilizing it as the runtime environment for the animation generation server.
Available as an npm package (allyson-mcp) that can be installed and run using npm or npx commands.
Enables AI-powered transformation of static SVG files into animated SVG components with custom animation effects like glowing, pulsing, spinning, and bouncing.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Allyson MCP Server animate my logo to pulse gently and save it as AnimatedLogo.tsx"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Allyson MCP Server
Allyson MCP Server - AI-powered animation generator that transforms static files into animated SVG components using the Model Context Protocol (MCP).
🚀 Quick Start
Install and Run with npx
npx allyson-mcp --api-key YOUR_API_KEYRelated MCP server: animotion-mcp
🔧 Configuration
Command Line Options
allyson-mcp [options]
Options:
--api-key <key> Your Allyson API key (required)
--help Show help message
Examples:
allyson-mcp --api-key your-api-key-here
API_KEY=your-key allyson-mcpEnvironment Variables
You can also set your API key as an environment variable:
export API_KEY=your-api-key-here
allyson-mcp🎯 Features
AI-Powered Animation Generation: Transform static images into animated SVG components
MCP Protocol Compatible: Works with any MCP-compatible AI assistant or tool
File Upload Support: Supports various image formats (PNG, JPG, SVG, etc.)
Custom Animation Prompts: Describe exactly what animation you want
Local File Processing: Reads files from your local filesystem
Automatic Output Generation: Saves animated components to specified paths
🛠 Available Tools
generate_svg_animation
Generates an animated SVG component from a source file and animation prompt.
Parameters:
prompt(string, required): Description of the animation to generateExample: "Make the character wave their hand"
Example: "Add bouncing motion to the ball"
Example: "Create a spinning effect for the logo"
svg_path(string, required): Absolute path to the source fileExample: "/path/to/my-icon.svg"
output_path(string, required): Absolute path where to save the animated componentExample: "/path/to/animated-component.tsx"
Example Usage in MCP Client:
{
"tool": "generate_svg_animation",
"arguments": {
"prompt": "Make the logo glow and pulse gently",
"svg_path": "/Users/john/Desktop/company-logo.svg",
"output_path": "/Users/john/project/src/components/AnimatedLogo.tsx"
}
}🔌 Integration with AI Assistants
This MCP server is designed to work with AI assistants that support the Model Context Protocol, such as:
Claude Desktop (with MCP configuration)
Cursor IDE (with MCP integration)
Custom AI Applications (using MCP SDK)
MCP Configuration
{
"mcpServers": {
"allyson": {
"command": "npx",
"args": ["allyson-mcp", "--api-key", "YOUR_API_KEY"]
}
}
}📝 Examples
Basic Animation Generation
# Start the server
allyson-mcp --api-key your-api-key
# The AI assistant can now use the tool:
# "Please animate this logo to have a subtle glow effect"
# File: /Users/john/logo.svg → /Users/john/animated-logo.tsx🔐 Security
API Key Protection: Your API key is securely transmitted to the Allyson service
Local File Access: Only reads files you explicitly specify
No Data Storage: Files are processed and not stored on external servers
HTTPS Communication: All API communications use secure HTTPS
🐛 Troubleshooting
Common Issues
"API key is required" Error
# Solution: Provide API key via flag or environment variable
allyson-mcp --api-key YOUR_KEY
# or
export API_KEY=YOUR_KEY && allyson-mcp"File not found" Error
# Make sure to use absolute paths
❌ Wrong: ./image.svg
✅ Correct: /Users/username/project/image.svg"Cannot connect to animation API server" Error
Check your internet connection
Verify your API key is valid
Ensure the Allyson service is accessible
Permission Issues
# Make the file executable if needed
chmod +x node_modules/allyson-mcp/index.jsDebug Mode
For debugging, you can check the server logs which are output to stderr:
allyson-mcp --api-key YOUR_KEY 2> debug.log📋 Requirements
Node.js: Version 18.0.0 or higher
API Key: Valid Allyson API key
Internet Connection: Required for API communication
🤝 Contributing
We welcome contributions! Please see our contributing guidelines for more details.
📄 License
Apache-2.0 License - see LICENSE file for details.
🔗 Links
📞 Support
Documentation: Check this README and inline help (
--help)Issues: Report bugs on our GitHub Issues
Available Tools
1 toolgenerate_svg_animationC
Generate an SVG animation from a source file and prompt
Inputs: prompt (required), svg_path (required), output_path (required).
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
TDQS
Scored across 1 tool
With only one tool, there is no possibility of confusion between tools. The single tool has a clear purpose.
The single tool name 'generate_svg_animation' uses a clear snake_case verb_noun pattern. Consistency is not an issue with one tool.
The server has only one tool, which is borderline for a server with a generic name. However, if the server's sole purpose is generating SVG animations, the count is justifiable but feels minimal.
The single tool covers the primary operation of generating an SVG animation from source and prompt. Minor gaps exist, such as no tool for listing or managing animations, but for a focused tool it is acceptable.
Maintenance
Related MCP Connectors
One sentence to a finished animation: your AI writes motion graphics as code and checks real frames.
Creator MCP is the hosted LottieFiles animation engine for AI agents. Your agent builds real motion with layers, shapes and keyframes, then exports MP4, WebM, Lottie or dotLottie. Use it for logo reveals, product promos, social clips and UI animations. You can import SVGs, images and existing Lottie files, and open any scene in Lottie Creator to fine-tune it frame by frame. Setup is one URL and a LottieFiles sign-in.
Make animated videos by asking Claude, Cursor or any MCP client. Your AI writes it, we render it.
Turn words, images, and audio into an animated video with MP4 export.
Related MCP Servers
- AlicenseBqualityDmaintenanceA comprehensive GSAP animation generation tool that offers AI-driven intent analysis, full API coverage, and production-ready animation modes, helping developers quickly create high-performance animations.61Apache 2.0
- AlicenseNot gradedqualityDmaintenance745+ CSS3 animations and 9,000+ real SVG icons (Lucide, Heroicons, Tabler, Bootstrap) for AI coding agents. Zero-clone setup via npx animotion-mcp. 10 MCP tools including search_animations, get_icon, suggest_animation, compose_animation, and more.13MIT
- AlicenseAqualityDmaintenanceTurns plain-language descriptions into animated SVGs with a live preview and conversational editing.8MIT
- FlicenseAqualityCmaintenanceMCP server over a catalog of production-grade GSAP and WebGL motion components. Your agent can plan a page's sections, pick a mechanic for each one, get composition rules so animations don't fight each other, and fetch build prompts validated against live demos. Hosted at motionprompts.dev/mcp or local with npx motionprompts-mcp.1453 npm-