Do I need to be an expert in Three.js to use the hero scene?

No, the skill provides pre-configured, theme-aware 3D scenes that can be imported and used in your MDX files with minimal setup.

What documentation framework does this skill support?

This skill is specifically designed for Fumadocs, a powerful Next.js-based documentation framework.

Does it support dark mode?

Yes, all provided components and the Three.js hero scene are fully theme-aware and adapt automatically to light and dark mode transitions.

Can I use custom icons with the components?

Yes, the skill integrates Lucide React, allowing you to use a vast library of professional icons within buttons, badges, and cards.

Fumadocs Documentation Styler

Name: Fumadocs Documentation Styler
Author: AgentParadise

byAgentParadise

0•

Learning & Documentation

Implements sophisticated Fumadocs styling patterns and interactive MDX components for high-quality documentation sites.

This skill provides a comprehensive framework for building visually stunning documentation using Fumadocs. It automates the implementation of brand-consistent UI elements like interactive badges, gradient buttons, and feature cards, while integrating advanced 3D hero scenes using Three.js. By providing standardized design patterns and theme-aware CSS enhancements, it enables developers to create professional, accessible, and highly engaging documentation sites that support both light and dark modes seamlessly out of the box.

Key Features

01Enhanced global CSS effects for cards, code blocks, and hover states

020 GitHub stars

03Theme-aware MDX components including interactive Badges and Gradient Buttons

04Pre-configured purple and indigo gradient brand color palettes

05Standardized layouts for landing pages and feature grids

06Immersive 3D Hero Scenes powered by Three.js and React Three Fiber

Use Cases

01Building interactive developer documentation portals with modern UI elements

02Standardizing design systems across multiple technical documentation projects

03Creating high-conversion product landing pages within a Fumadocs site

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agentparadise/agentic-primitives fuma

For use in Claude.ai and ChatGPT

Download Skill