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•

学習とドキュメンテーション

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.

主な機能

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

ユースケース

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

主な機能

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

ユースケース

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