rspress-custom-theme
OfficialCustomize Rspress themes with CSS, layout slots, and component wrapping.
Authorruxelion
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enables the customization of Rspress themes by adjusting styles, adding content, or replacing components. It addresses the need for users to tailor their site's appearance to their brand and content requirements.
Core Features & Use Cases
- CSS Variables: Override theme styles with custom CSS variables for colors, fonts, and spacing.
- Layout Slots: Inject content at specific positions without modifying the layout components.
- Component Wrapping/Ejection: Replace existing theme components with custom versions.
- Use Case: A user who needs to change the branding, layout, or navigation of their Rspress-powered website to better reflect their company identity or design standards.
Quick Start
Customize the Rspress theme for your site by adjusting the CSS variables or using layout slots. For example, set the brand colors using the theme/index.css file and add custom content around existing components using the layout slots.
Dependency Matrix
Required Modules
@rspress/core
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: rspress-custom-theme Download link: https://github.com/ruxelion/rs-grid/archive/main.zip#rspress-custom-theme Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.