Claude Code Best Practice — Presentation Styling

Name: Claude Code Best Practice — Presentation Styling
Availability: InStock
Author: shanraisshan

Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation

High Quality

New

Join 0+ developers using this skill

skill

Creative & Media

intermediate

0 installs

4/5 quality

View Source

Last updated: October 22, 2026

AI Skill Market Insights

Real data. Real impact.

Popularity

Rising

Emerging

Active Users

Developers

Quick Start

Install Command

npx skills add shanraisshan/claude-code-best-practice --skill presentation-styling

TEAR & SHARE

3-5hrs/WK

RISING

0.0K+ USING

Presentation Styling Skill

CSS classes and HTML patterns used in

presentation/index.html

CSS Component Classes

Layout

```
.two-col
```
— 2-column grid layout with 24px gap
```
.info-grid
```
— 2-column grid for info cards
```
.col-card
```
— Card inside a column (add
```
.good
```
for green border,
```
.bad
```
for red border)
```
.info-card
```
— Card in an info grid

Content Blocks

```
.trigger-box
```
— Gray box with dark left border (for key concepts, prerequisites)
```
.how-to-trigger
```
— Green box with green border (for "Try This" actions)
```
.warning-box
```
— Orange box with warning border (for

Install

npx skills add shanraisshan/claude-code-best-practice --skill presentation-styling

Or copy the skill folder manually:

git clone https://github.com/shanraisshan/claude-code-best-practice.git
cp -r claude-code-best-practice/.claude/skills/presentation/presentation-styling/ ~/.claude/skills/presentation-styling

Source: shanraisshan/claude-code-best-practice — 67,894 stars, MIT, verified 2026-10-22.

Claude Code Best Practice — Presentation Styling

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

Chart MCP Server

Be Part of the 0+ Developer Community

Presentation Styling Skill

CSS Component Classes

Layout

Content Blocks

License

Heddy IP — Brand Illustration

KiCad MCP Server

Shadcn UI MCP Server

Douyin MCP Server

Channels

Learn

Compare

Company

Agents