Can I customize the colors and fonts?

Yes, the skill provides specific configurations for the Cloodle design system which can be easily modified in the config.toml and CSS files.

What platforms is this skill compatible with?

It is specifically designed for Chainlit-based AI agents and web environments like Moodle, but the CSS/HTML can be adapted for any web application.

Does this skill handle backend logic?

No, this skill focuses on the frontend presentation, theming, and embedding logic for the chatbot interface.

How do I trigger this skill?

You can trigger this skill when asking Claude to customize a chatbot UI, embed a widget, or style a chat interface.

Cloodle Chatbot Widget

Name: Cloodle Chatbot Widget
Author: astoeffer

byastoeffer

Design Tools

Builds and styles embeddable chatbot interfaces that integrate seamlessly with the Cloodle design system.

About

This skill enables developers to quickly create, theme, and embed AI-powered chatbot widgets into web applications and Learning Management Systems like Moodle. It provides pre-configured Chainlit themes, custom CSS for UI consistency, and the necessary HTML/CSS for responsive iframe positioning, ensuring a professional and cohesive user experience for AI assistants across various platforms.

Key Features

Fixed-position widget layouts with toggle buttons
Chainlit UI configuration and branding
Moodle-compatible integration snippets
0 GitHub stars
Custom CSS for consistent Cloodle design language
Embeddable iframe implementation for web apps

Use Cases

Implementing a persistent, toggleable chat widget on a corporate website
Designing a custom-themed chat interface for Chainlit applications
Adding a branded AI learning assistant to an LMS like Moodle

About

Key Features

Fixed-position widget layouts with toggle buttons
Chainlit UI configuration and branding
Moodle-compatible integration snippets
0 GitHub stars
Custom CSS for consistent Cloodle design language
Embeddable iframe implementation for web apps

Use Cases

Implementing a persistent, toggleable chat widget on a corporate website
Designing a custom-themed chat interface for Chainlit applications
Adding a branded AI learning assistant to an LMS like Moodle