🧪 Web Components
This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.
npx playbooks add skill matthewharwood/fantasy-phonics --skill web-components
About
This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.. This skill provides a specialized system prompt that configures your AI coding agent as a web components 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
System Prompt (22 words)
This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.
