MCP App StoreMCP App Store
from firstbrain13
Guidelines and best practices for building high-fidelity web animations using Anime.js, including timelines, staggering, easing, and performance notes.
This skill provides a compact, opinionated playbook for using Anime.js to produce high-fidelity, performance-conscious web animations. It guides agents through selecting targets, designing timelines with anime.timeline(), applying advanced easing and staggered delays, and writing performant animation code for DOM and SVG.
Trigger this skill when building complex, multi-stage landing page animations, animated data visualizations, SVG morphs, or any interactive UI that needs bespoke motion beyond simple CSS transitions. It is intended for designers and engineers aiming for polished, award-quality animations.
will-change, GPU-accelerated transforms).Useful for agents that can generate JavaScript/CSS or modify site code (Copilot-style agents, code-writing assistants).
A reference-only skill providing Anime.js animation guidelines and best practices. No scripts or executable components — purely a documentation/advisory skill. The SKILL.md offers clear triggers, a code example, and performance tips, but lacks depth in execution steps and error handling. Internal wiki links ([[Design & Kreativitaet]]) are specific to the author's personal knowledge base and won't resolve for other users.
Monolithic SKILL.md with no scripts/ or references/ directories. Essentially a personal wiki entry repackaged as a skill. Useful as Anime.js reference material but offers no automation or actionable tooling.
SEO Keyword Strategist
Analyzes content to calculate keyword density, suggest semantic/LSI variations, and provide a prioritized keyword strategy to avoid over-optimization.
n8n Python Code Node
Practical guidance and templates for writing Python code inside n8n Code nodes—covers data access patterns, return format, limitations (no external libraries),
Colorize (Strategic UI Color)
Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.
OpenTestAI
Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.
Bookmarklet Creation
Generates browser-executable JavaScript bookmarklets with strict formatting (IIFE wrapper, block comments) and provides ready-to-install links or installer inst
Manim Idea to Export
Turn plain-language concepts into production-ready ManimCE scene blueprints, runnable code, preview renders, and final export commands for video assets.
Bookmarklet Creation
Generate production-ready JavaScript bookmarklets (javascript:...) with required IIFE wrapper, block comments, installation links, and testing guidance.
Go Data Structures
Authoritative guidance on choosing and using Go built-in and standard-library data structures, with practical best practices for slices, maps, arrays, container
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
ClearShot — Screenshot UI Analysis
Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe