Skip to main content
Glama

pictify_create_gif

Create animated GIFs from HTML content with CSS animations, webpage URLs, or saved templates for banners, demos, logos, and social media content.

Instructions

Create an animated GIF from HTML content with CSS animations, a URL, or a template. The HTML must contain CSS @keyframes animations, transitions, or JavaScript animations to produce frames. Common use cases: animated banners, loading spinners, product demos, social media animations, animated logos, and eye-catching ad creatives. Provide ONE of: 'html' (custom animated HTML/CSS), 'url' (capture from webpage), or 'template' + 'variables' (render a saved template). For recording a GIF from a live website over a specified duration, use pictify_capture_gif instead. Returns the hosted GIF URL and animation duration. Maximum dimensions: 2000x2000 pixels.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
htmlNoHTML content with CSS animations to render as an animated GIF. Must include CSS @keyframes or transitions for animation. Mutually exclusive with 'url' and 'template'.
urlNoURL of a web page to capture as a GIF. Mutually exclusive with 'html' and 'template'.
templateNoTemplate UID to render as a GIF. Use with 'variables'. Mutually exclusive with 'html' and 'url'.
variablesNoTemplate variables as key-value pairs. Only used when 'template' is provided.
widthNoGIF width in pixels (1-2000). Keep dimensions reasonable for file size.
heightNoGIF height in pixels (1-2000)
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations provided, the description carries the full burden of behavioral disclosure. It effectively describes key behavioral traits: it specifies the requirement for CSS animations/transitions/JavaScript animations in the HTML, mentions the maximum dimensions constraint (2000x2000 pixels), and indicates what the tool returns (hosted GIF URL and animation duration). However, it doesn't mention potential limitations like file size constraints, processing time, or error conditions.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is efficiently structured with zero wasted sentences. It starts with the core purpose, then explains input options, provides usage guidance with sibling differentiation, and ends with return values and constraints. Every sentence adds essential information without redundancy.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a tool with 6 parameters, no annotations, and no output schema, the description does an excellent job covering the essential context. It explains the three main input pathways, distinguishes from siblings, specifies constraints, and describes return values. The only minor gap is the lack of information about error conditions or rate limits, which would be helpful for a creation tool.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

With 100% schema description coverage, the baseline would be 3, but the description adds significant value by clarifying the mutual exclusivity of the three main input options and providing context about when to use each. It explains that 'template' requires 'variables' and distinguishes the use cases for each input type, which goes beyond the schema's parameter descriptions.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the specific action ('create an animated GIF') and the three distinct input methods (HTML content with CSS animations, URL, or template). It explicitly distinguishes this tool from its sibling 'pictify_capture_gif' by specifying that this tool is for static content while the sibling is for live website recording over a duration.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines5/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description provides explicit guidance on when to use this tool versus alternatives: it specifies to use 'pictify_capture_gif' for recording from a live website over a duration, and it outlines the three mutually exclusive input options (html, url, or template+variables). It also lists common use cases to help the agent understand appropriate contexts.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Install Server

Other Tools

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/pictify-io/mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server