Allyson
AI-powered SVG animation generator that transforms static files into animated SVG components using the Allyson platform
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_KEY
š§ 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-mcp
Environment 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 generate- Example: "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 file- Example: "/path/to/my-icon.svg"
output_path(string, required): Absolute path where to save the animated component- Example: "/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.js
Debug 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
Related Servers
Scout Monitoring MCP
sponsorPut performance and error data directly in the hands of your AI assistant.
Alpha Vantage MCP Server
sponsorAccess financial market data: realtime & historical stock, ETF, options, forex, crypto, commodities, fundamentals, technical indicators, & more
MCP Stripe Server
Integrates with Stripe to manage payments, customers, and refunds.
Authless Remote MCP Server
A remote MCP server without authentication, deployable on Cloudflare Workers or locally with npm.
Shadcn UI MCP Server
A powerful and flexible MCP server designed to enhance the development experience with Shadcn UI components, providing tools for component management, documentation, and installation.
Next.js DevTools MCP
next-devtools-mcp is a MCP server that provides Next.js development tools and utilities for AI coding assistants like Claude and Cursor.
WebDev MCP
Provides a collection of useful web development tools.
MCP Tools
A collection of MCP servers for growth and analytics, including a server for Google Analytics.
SAP Documentation
Provides offline access to SAP documentation and real-time SAP Community content.
Local Code Indexing for Cursor
A Python-based server that locally indexes codebases using ChromaDB to provide semantic search for tools like Cursor.
Model Context Protocol servers
A collection of reference server implementations for the Model Context Protocol (MCP) using Typescript and Python SDKs.
Cupertino
Apple Documentation MCP Server - Search Apple docs, Swift Evolution, and sample code