CCOS Plugin

Site Candy

Add eye candy visual effects to any HTML — scroll animations, text reveals, hover interactions, sliders, page transitions, and more.

4+ skills v1.0.0

Download AI plugin guide (.md) Browse all AI guides

AI Skills included in this plugin

Each AI Skill is purpose-built for a specific job. Click any card to see sample prompts and use cases.

Site Candy Guide

Browse the Site Candy effect catalog, get recommendations by page type, and preview effects before applying them.

See details

Candy Enhance

Add eye candy visual effects to existing HTML pages — inject scroll animations, text reveals, hover interactions, and more.

See details

Candy Build

Build new HTML sections and pages from scratch with premium visual effects baked in.

See details

Candy Showcase

Generate standalone demo pages that showcase specific Site Candy effects with live interactive examples.

See details

Up and running in 3 steps

No coding. No complicated setup. Just paste a command and go.

1

Get CCOS

Download and install your CCOS workspace. It takes about 5 minutes and comes with everything you need to get started.

Get CCOS →
2

Add the plugin

Download the Site Candy plugin and add it to your AI platform. The install instructions are included — it's a one-time setup.

3

Start building

Open your AI assistant and type the command below. The guide skill will walk you through everything.

/cc-site-candy

Make your pages unforgettable

139 premium visual effects across 17 categories — scroll animations, parallax layers, text reveals, cursor effects, confetti, and more. Add them to any existing HTML page.

Works with Claude, ChatGPT, Gemini, and other AI platforms.