Skip to main content
Glama

Houtini-lm

by houtini-ai

css_art_generator

Create pure CSS drawings, animations, and interactive art using clever techniques without images. Generate production-ready code, tests, and documentation for various art types and complexity levels.

Instructions

Create pure CSS drawings, animations, and interactive art with no images required - just clever CSS techniques

WORKFLOW: Ideal for creating production-ready code, tests, and documentation TIP: Generate unlimited iterations locally, then review with Claude SAVES: Claude context for strategic decisions

Input Schema

NameRequiredDescriptionDefault
analysisDepthNoLevel of art complexitydetailed
analysisTypeNoType of art generation to performcomprehensive
animationStyleNoAnimation style (if applicable)smooth
artTypeNoType of CSS art to createdrawing
codeNoExisting CSS art code to enhance (for single-art analysis)
colorSchemeNoColor palette for the artvibrant
complexityNoArt complexity levelintermediate
filePathNoPath to existing CSS art file to enhance
filesNoArray of specific CSS art files (for multi-art analysis)
languageNoProgramming languagecss
maxDepthNoMaximum directory depth for art file discovery (1-3)
projectPathNoWorking directory for CSS art project (e.g., C:\dev\css-art)
responsiveNoMake art responsive to screen size
techniquesNoCSS techniques to showcase
themeNoArt theme or subjectmodern

Input Schema (JSON Schema)

{ "properties": { "analysisDepth": { "default": "detailed", "description": "Level of art complexity", "enum": [ "basic", "detailed", "comprehensive" ], "type": "string" }, "analysisType": { "default": "comprehensive", "description": "Type of art generation to perform", "enum": [ "showcase", "educational", "comprehensive" ], "type": "string" }, "animationStyle": { "default": "smooth", "description": "Animation style (if applicable)", "enum": [ "none", "subtle", "smooth", "bouncy", "dramatic", "infinite" ], "type": "string" }, "artType": { "default": "drawing", "description": "Type of CSS art to create", "enum": [ "drawing", "animation", "interactive", "logo", "character", "landscape", "abstract", "custom" ], "type": "string" }, "code": { "description": "Existing CSS art code to enhance (for single-art analysis)", "type": "string" }, "colorScheme": { "default": "vibrant", "description": "Color palette for the art", "enum": [ "vibrant", "pastel", "monochrome", "neon", "earth", "sunset", "ocean", "custom" ], "type": "string" }, "complexity": { "default": "intermediate", "description": "Art complexity level", "enum": [ "simple", "intermediate", "advanced", "masterpiece" ], "type": "string" }, "filePath": { "description": "Path to existing CSS art file to enhance", "type": "string" }, "files": { "description": "Array of specific CSS art files (for multi-art analysis)", "type": "array" }, "language": { "default": "css", "description": "Programming language", "type": "string" }, "maxDepth": { "default": 2, "description": "Maximum directory depth for art file discovery (1-3)", "type": "number" }, "projectPath": { "description": "Working directory for CSS art project (e.g., C:\\dev\\css-art)", "type": "string" }, "responsive": { "default": true, "description": "Make art responsive to screen size", "type": "boolean" }, "techniques": { "default": [ "gradients", "shadows", "transforms", "pseudo-elements" ], "description": "CSS techniques to showcase", "type": "array" }, "theme": { "default": "modern", "description": "Art theme or subject", "enum": [ "nature", "geometric", "character", "space", "retro", "modern", "fantasy", "custom" ], "type": "string" } }, "required": [], "type": "object" }

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/houtini-ai/lm'

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