drawio-skill
Focus: diagrams, draw.io and architecture. Shares agent skill with page-mascot. Same 4.3 rating.
AI ToolFreeCross-Platform
4.3Visit
AI Tool
page-mascot
An agent skill that adds a cursor-following character to the top of your page.
Rating
4.3 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is page-mascot?
page-mascot is a skill that generates a character for the top of your web page. It follows the reader's cursor and blinks when poked. Choose from 52 ready-made characters in six styles, or have an agent draw a new one, even from a photo.
Pros: what page-mascot does well
- 52 characters in six styles
- Follows the cursor for a playful touch
- Can generate a custom character
Cons: where it falls short
- Purely decorative
- Adds a small script to your page
Who page-mascot is for
Site owners who want a fun, memorable touch on their homepage.
Who can skip it
Sites that need a strictly formal look.
What people use page-mascot for
- Adding a friendly character to the top of a landing page or portfolio
- Giving a personal site a mascot that follows the reader's cursor and blinks when poked
- Having a coding agent draw a custom character, even one based on your own photo
How to get started
- 1Install the React component with npm i page-mascot.
- 2Pick one of the premade characters on the demo site and add the Mascot component with its two sprite sheets.
- 3To draw your own, install the skill with npx skills add nilbuild/page-mascot --skill page-mascot --global --yes and ask your agent for a new character.
page-mascot pricing
page-mascot is free and open source under the MIT licence. Drawing a custom character needs an image tool: Codex has one built in, while Claude Code uses the OpenAI images API, which is billed by OpenAI. See current prices on page-mascot's site
Checked 2026-10-19. Prices change, so double-check before you pay.
page-mascot FAQ: quick answers
- Which styles can a character use?
- Six: colour, ink, sketch, riso, paper and pixel. The style changes only the look, not how the character moves.
- How does it follow the cursor?
- Each character has a sprite sheet of nine head directions and one of nine expressions. The angle of the pointer picks which direction to show.
- Who made it?
- Kamran Ahmed, according to the licence in the GitHub repository.
page-mascot alternatives
Not sold on page-mascot? These do a similar job, and each card says what it has in common.
Ponytail
Focus: coding agents, simplicity and claude code. Shares agent skill with page-mascot. Same 4.3 rating.
AI ToolFreeCross-Platform
4.3Visit
Libraries.dev
Focus: ui effects, react and npm. Shares animation with page-mascot. A website, not an AI tool. Freemium (page-mascot: Free). Rated 4.8 (page-mascot: 4.3).
WebsiteFree planWeb
4.8Visit
Claude Code Game Studios
Focus: claude code, game development and ai agents. Also in AI Productivity and Workflows, like page-mascot. Adds macOS, Windows and Linux. Rated 4.8 (page-mascot: 4.3).
AI ToolFreemacOS, Windows
4.8Visit
ElevenLabs
Focus: voice, text to speech and dubbing. Also in AI Productivity and Workflows, like page-mascot. Freemium (page-mascot: Free). Rated 4.8 (page-mascot: 4.3).
AI ToolFree planWeb
Frontend Design Skill
Focus: claude, claude skills and frontend design. Also in AI Productivity and Workflows, like page-mascot. Rated 4.8 (page-mascot: 4.3).
AI ToolFreeWeb
4.8Visit
Free alternatives to page-mascot
Want to spend nothing? These free picks cover similar ground.
Skill Creator
Focus: claude, claude skills and skill creator. Also in AI Productivity and Workflows, like page-mascot. Rated 4.8 (page-mascot: 4.3).
AI ToolFreeWeb
4.8Visit
Web Artifacts Builder Skill
Focus: claude, claude skills and artifacts. Also in AI Productivity and Workflows, like page-mascot. Rated 4.8 (page-mascot: 4.3).
AI ToolFreeWeb
4.8Visit
Webapp Testing Skill
Focus: claude, claude skills and playwright. Also in AI Productivity and Workflows, like page-mascot. Adds macOS, Windows and Linux. Rated 4.8 (page-mascot: 4.3).
AI ToolFreeWeb, macOS
4.8Visit
hol-guard
Focus: ai agents, security and prompt injection. Also in AI Productivity and Workflows, like page-mascot. Adds macOS, Windows and Linux. Rated 4.7 (page-mascot: 4.3).
AI ToolFreemacOS, Windows
4.7Visit
OpenDesign
Focus: ai design, open source and local. Also in AI Productivity and Workflows, like page-mascot. Rated 4.7 (page-mascot: 4.3).
AI ToolFreeWeb
4.7Visit
Theme Factory Skill
Focus: claude, claude skills and themes. Also in AI Productivity and Workflows, like page-mascot. Rated 4.7 (page-mascot: 4.3).
AI ToolFreeWeb
4.7Visit
Are you the maker of page-mascot?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
New · updated daily
What people are actually doing with AI
Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.