skills.rest
yw662
yw662COMMUNITY
Explore all skills by this author →
WebsiteGitHub

browser-compatibility

Map browser compatibility for rikka custom elements, shadow DOM, and constructable stylesheets.

6|1|Updated May 31, 2026
Search Tags:#ssr#polyfills#custom elements#shadow dom#browser compatibility#constructable stylesheets#light dom
One-click install
npx skills add https://github.com/yw662/rikka --skill browser-compatibility-yw662
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-compatibility
Source: https://github.com/yw662/rikka/tree/main/skills/browser-compatibility
Command: npx skills add https://github.com/yw662/rikka --skill browser-compatibility-yw662

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you decide which browsers can run rikka components natively and when you need polyfills or fallbacks, so you can avoid broken custom elements, styling issues, and server-side rendering surprises.

Core Features & Use Cases

  • Browser Support Planning: Identify the minimum browser versions that support Custom Elements, Shadow DOM, and Constructable Stylesheets.
  • Polyfill Selection: Choose the right compatibility layer for older browsers, including custom elements and shadow DOM polyfills.
  • Fallback Guidance: Use Light DOM fallback behavior and stylesheet fallbacks when native features are unavailable.
  • SSR Decision Support: Compare happy-dom and jsdom for rendering and test environments.
  • Use Case: If your app must support Safari 15 or an older enterprise browser, this Skill tells you exactly what to import, what will fall back automatically, and what limitations to expect.

Quick Start

Ask for the browser support and polyfill guidance for your target browsers and rikka component setup.

Frequently Asked Questions about browser-compatibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What browsers support rikka custom elements and shadow DOM natively?▼

Native browser support for rikka custom elements and shadow DOM depends on specific baseline versions. This Skill maps minimum browser targets, identifying which environments run natively versus those requiring polyfills or light DOM fallbacks.

Do I need polyfills for constructable stylesheets in older browsers?▼

Polyfills for constructable stylesheets are required in older browsers lacking native support. This Skill provides selection guidance for compatibility layers and stylesheet fallbacks to prevent styling issues when native features are unavailable.

How do I set up server-side rendering for rikka components?▼

Server-side rendering for rikka components requires choosing a DOM implementation. This Skill compares happy-dom and jsdom, helping you decide which environment best renders custom elements and handles shadow DOM during SSR.

What are the limitations of using light DOM fallbacks for rikka components?▼

Light DOM fallbacks for rikka components provide compatibility for environments without shadow DOM but come with specific limitations. This Skill details shadydom fallback behavior and outlines what restrictions to expect.

Can I use rikka components with Safari 15 or older enterprise browsers?▼

Rikka components can support Safari 15 and older enterprise browsers with the right setup. This Skill tells you exactly what polyfills to import, what falls back automatically, and what limitations to expect.

Related Skills

Explore More Software Engineering Skills→
GoogleChromeGoogleChrome
926

baseline-status

Verifies web platform feature Browser Baseline statuses and outputs JSON for frontend workflows.

Official
Basic
hughescrhughescr
1

hugo-testing

Automate client-side JavaScript tests in Hugo projects using Bun and happy-dom.

Community
Advanced
yw662yw662
6

shadow-dom-styling

Style Rikka custom elements with Shadow DOM stylesheets and inline style objects.

Community
Intermediate
daichan132daichan132
34

ylc-agent-browser

Validate YouTube live chat overlay UI states across live and replay modes.

Community
Advanced