Get a week free of Claude Code →

🎨 Pseudo Elements

This skill helps review CSS pseudo-element usage and View Transitions API to ensure accessible hover effects, decorative layers, and smooth page transitions.

QUICK INSTALL
npx playbooks add skill raphaelsalaja/userinterface-wiki --skill pseudo-elements

About

This skill helps review CSS pseudo-element usage and View Transitions API to ensure accessible hover effects, decorative layers, and smooth page transitions.. This skill provides a specialized system prompt that configures your AI coding agent as a pseudo elements expert, with detailed methodology and structured output formats.

Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.

Example Prompts

Get started Help me use the Pseudo Elements skill effectively.

System Prompt (22 words)

This skill helps review CSS pseudo-element usage and View Transitions API to ensure accessible hover effects, decorative layers, and smooth page transitions.

Related Skills