Skills
.Work. You
Rest

scoped-styles

Community

Ensure consistent styling for Pocopine components without interference.

Software Engineering#dark mode#CSS variables#component styling#Pocopine#scoped CSS
Authormambisi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill unit addresses the challenge of styling Pocopine components while ensuring that component styles do not leak into the rest of the application.

Core Features & Use Cases

  • Scoped Component Styles: Prevents CSS collisions and style leaks across components.
  • Automatic Scoping: Component styles are automatically scoped by appending a hash to each element in the template.
  • Global Variables Integration: Allows integration with global CSS variables without component rule interference.
  • Dark Mode Theming: Enables the development of themeable components with support for dark mode CSS variables.

Quick Start

Use the scoped-styles skill in your component definition by including it in the [component] macro with the template and style attributes.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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: scoped-styles
Download link: https://github.com/mambisi/pocopine-skills/archive/main.zip#scoped-styles

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 620,000+ vetted skills library on demand.