wikimedia-page-styling

Apply custom CSS and layout patterns to MediaWiki pages via TemplateStyles.

15|6|Updated Feb 17, 2026
One-click install
npx skills add https://github.com/fuzheado/Wikipedia-AI-Skills --skill wikimedia-page-styling
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wikimedia-page-styling
Source: https://github.com/fuzheado/Wikipedia-AI-Skills/tree/main/.claude/skills/wikimedia-page-styling
Command: npx skills add https://github.com/fuzheado/Wikipedia-AI-Skills --skill wikimedia-page-styling

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mediawiki-extensions-TemplateStyles, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps to enhance the visual appeal and functionality of MediaWiki pages by applying custom CSS, layout patterns, and design systems.

Core Features & Use Cases

  • Custom CSS Styling: Apply custom CSS to MediaWiki pages using TemplateStyles, supporting a variety of styling options like grids, flexbox, and colors.
  • Layout Patterns: Implement predefined CSS grid and flexbox layouts for content organization.
  • Design Systems: Utilize color themes and button systems to create consistent visual experiences across pages.
  • Use Case: If you want to improve the design of a Wikipedia article or create a tool with a professional look and feel, this Skill can help you achieve that by providing structured CSS and design guidance.

Quick Start

Run the 'wikimedia-page-styling' skill with the following command to apply the 'bluebox' theme and grid layout to a page: use skill wikimedia-page-styling -t bluebox --layout grid

Frequently Asked Questions about wikimedia-page-styling

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply custom CSS to MediaWiki pages using TemplateStyles?

To apply custom CSS to MediaWiki pages, you use the TemplateStyles extension to define styling rules directly within template pages, enabling grids, flexbox, and color themes without modifying site-wide stylesheets.

Can I create responsive grid and flexbox layouts for Wikipedia articles?

Yes, you can create responsive grid and flexbox layouts for Wikipedia articles by leveraging predefined CSS patterns through TemplateStyles, improving content organization and visual structure on MediaWiki pages.

Do I need the TemplateStyles extension to style MediaWiki pages?

Yes, the TemplateStyles extension is required to apply scoped custom CSS and layout patterns to MediaWiki pages, as it provides the necessary framework for isolating styles within specific templates.

What is the best way to implement a consistent design system across MediaWiki tools?

The best way to implement a consistent design system across MediaWiki tools is to apply predefined color themes and button systems via custom CSS, ensuring a professional look and feel throughout the ecosystem.

Why does my custom CSS not apply correctly to my MediaWiki page?

Custom CSS may not apply correctly to a MediaWiki page if the TemplateStyles extension is not installed or activated, as this dependency is required to parse and inject the styling rules into the page layout.

Can I use wikimedia-page-styling to build interactive interfaces on MediaWiki?

Yes, you can use wikimedia-page-styling to build interactive interfaces on MediaWiki by applying custom CSS, layout patterns, and design systems to transform plain articles into rich, functional pages.