skills.rest
wikimedia
wikimediaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

codex-components

Catalog Codex Vue components and link to their reference documentation.

7|6|Updated Apr 28, 2026
Search Tags:#vue#codex#prototype#design-system#ui-components#wikimedia
One-click install
npx skills add https://github.com/wikimedia/ProtoWiki --skill codex-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: codex-components
Source: https://github.com/wikimedia/ProtoWiki/tree/main/.agents/skills/codex-components
Command: npx skills add https://github.com/wikimedia/ProtoWiki --skill codex-components

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Catalogs Codex Vue components and their usage to accelerate UI prototyping in Wikimedia-like projects.

Core Features & Use Cases

  • Central catalog of Codex components with prop/slot/event references
  • Quick access to per-component documentation and usage patterns
  • Use cases: building Wikipedia UI prototypes using common primitives (buttons, inputs, dialogs, menus)

Quick Start

Install or import @wikimedia/codex in your project and start with the references to explore per-component documentation.

Frequently Asked Questions about codex-components

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

FAQPage Schema
How do I find the right Vue UI components for a Wikimedia prototype?▼

This Skill catalogs Codex Vue components shipped by @wikimedia/codex, providing quick access to per-component documentation, usage patterns, and prop, slot, and event references for UI prototyping.

What is the best way to browse Codex component documentation for UI prototyping?▼

The best way to browse Codex component documentation is through a central catalog that maps frontmatter metadata to discovery fields and links directly to per-component reference pages for buttons, inputs, and menus.

Can I use this catalog to find props and slots for Wikimedia Codex components?▼

Yes, you can use this catalog to discover detailed prop, slot, and event references for Wikimedia Codex components, accelerating your UI pattern selection during application development.

Do I need to install @wikimedia/codex before using these component references?▼

You need to install or import @wikimedia/codex in your project to implement the components, while this catalog serves as a reference to explore per-component documentation and guide your selection.

Are there usage guidelines for layout elements and menus in the Codex design system?▼

Yes, the catalog provides usage guidance for layout elements and menus, mapping optional resource directories when present and linking to specific reference docs for these UI primitives.

Related Skills

Explore More Software Engineering Skills→
wikimediawikimedia
7

codex-usage

Adopt Wikimedia Codex design system components, tokens, and icons in frontend projects.

Official
Advanced
jiaiyanjiaiyan
8

n-gradient-text

Render gradient text with configurable size and type in Vue 3.

Community
Intermediate
Higashi-KotaHigashi-Kota

accessibility-review

Audit design system tokens and components for WCAG compliance.

Community
Intermediate
PatternsDevPatternsDev
235

react-composition-2026

Design React component APIs using composition to minimize boolean props.

Official
Advanced