Skills
.Work. You
Rest

n-code

Community

Render code with syntax highlighting for Naive.

Software Engineering#documentation#vue#code#ui-components#syntax-highlighting#inline-code#highlightjs
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Code blocks in UIs and documentation often lack readability without proper syntax highlighting, making it harder to understand examples and API usage. This skill provides a dedicated code component that renders code with syntax highlighting across languages, improving clarity and consistency in documentation, demos, and tutorials.

Core Features & Use Cases

  • Syntax highlighting for multiple languages via highlight.js
  • Inline code rendering for in-text references
  • Language-aware formatting in documentation, tutorials, and demos
  • Optional line numbers and word wrap for long blocks
  • Prerequisites: configure highlight.js and register needed languages

Quick Start

Render a code block with syntax highlighting for a chosen language.

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

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.