pikacss-expert

pikacss/pikacss.github.io

Expert guidance for using PikaCSS—an Atomic CSS-in-JS engine that combines CSS-in-JS syntax with Atomic CSS output. Use when users ask about PikaCSS styling, configuration, plugins, shortcuts, selectors, TypeScript integration, or need help writing PikaCSS code.

6 stars

0 forks

4 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/pikacss/pikacss.github.io/tree/main/.github/skills/pikacss-expert

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/pikacss/pikacss.github.io/tree/main/.github/skills/pikacss-expert ~/.claude/skills/pikacss.github.io

# Project-specific

git clone https://github.com/pikacss/pikacss.github.io/tree/main/.github/skills/pikacss-expert .claude/skills/pikacss.github.io

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/pikacss/pikacss.github.io/tree/main/.github/skills/pikacss-expert"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/pikacss/pikacss.github.io/tree/main/.github/skills/pikacss-expert

Option 2: Clone to extensions directory

git clone https://github.com/pikacss/pikacss.github.io/tree/main/.github/skills/pikacss-expert ~/.gemini/extensions/pikacss.github.io

Related Skills

spotify-player

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

clawdis-browser

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

ordercli

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

clawdis-notify

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞