Skills
.Work. You
Rest

n-element

Community

Apply Naive UI theme vars to custom elements.

Design & Creative#theming#vue#css-variables#custom-element#naive-ui#theme-reading
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Element provides access to Naive UI's theme CSS variables for use in custom elements and to read CSS variables within the theme context.

Core Features & Use Cases

  • CSS Variable Access: Read and apply all theme CSS variables to achieve consistent styling across custom components.
  • Custom Tag: Render as any HTML tag for flexible integration.
  • Theme Reactive: Updates automatically when the theme changes.
  • No Extra Styling: Lightweight pass-through to preserve design.

Quick Start

Wrap your content with n-config-provider to expose theme variables and apply them using CSS variables.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: n-element
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-element

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.