ai-agent

Clippy.js adds nostalgic UI charm to your website

Name: Clippy.js adds nostalgic UI charm to your website
Author: clippyjs

With 2.9k+ GitHub stars, Clippy.js lets founders sprinkle the classic Office assistant and friends onto any site, delivering instant retro delight for users.

From the repo · “Add Clippy or his friends to any website for instant nostalgia.”

2,876 stars+1★ this week344 forksJavaScriptGuide quality 8/10 · reviewed Oct 6Updated 12/1/2022100% free · open source

What it does

Clippy.js adds a nostalgic Clippy character to your website, allowing for unique user interactions and experiences.

When to use it

•When creating a retro-themed website or application
•To add a nostalgic and playful touch to user onboarding or tutorials
•For developing interactive stories or games that require a retro-style assistant

Ready-to-paste prompt

new Clippy({ voice: 'Microsoft Anna' }).say('Hello, welcome to our website!')

Heads up: Clippy.js requires a modern browser with support for HTML5 and JavaScript, and may not work correctly in older browsers or browsers with restricted JavaScript capabilities

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/clippy-js && curl -fsSL https://workflowstacks.com/api/skills/clippy-js/claude-skill -o ~/.claude/skills/clippy-js/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Clippy.js adds nostalgic UI charm to your website works

Codeflow

Free to inspect

Clippy.js adds nostalgic UI charm to your website is a very large JavaScript project (~65k lines across 35 code files). There is nothing to install. Last commit 47 months ago, Other license, no tests found.

Size

Very large codebase

~65k lines · 35 code files · days to read — use, don't read

Setup

Install as a skill

A library of prompts/skills; helper scripts run inside your AI tool, not by you.

Runs on

Inside your AI tool

Nothing to install on your machine

JavaScript 100%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/agent.js
Where the program starts running
3
agents/Bonzi/agent.js
Inside agents/ — an example of what the AI is told to do

What's in each folder

agents/Prompts, skills & agent definitions40 files

src/Core code — the actual logic8 files

READMEThin docsOther licenseLast update 47 mo ago

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/clippy-js && curl -fsSL https://workflowstacks.com/api/skills/clippy-js/claude-skill -o ~/.claude/skills/clippy-js/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

clippyjs

Language

JavaScript

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

Free n8n template

AI Support Agent (Chat)

A chat agent that answers customer questions from YOUR business info — with conversation memory. It never invents policies; anything it doesn't know, it hands to a human.