本文へ移動
cccskills
無料GitHub で公開

studio-css-reset

Style Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.

インストール方法を見る

含まれるファイル(2)

  • SKILL.md1.0 KB
  • agents/openai.yaml218 B

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Studio CSS reset

Studio uses .css-reset containers to limit the effect of user styles on its UI. The bundler injects this rule in packages/bundler/src/setup-environment.ts:

.css-reset, .css-reset * {
  font-size: 16px;
  line-height: 1.5;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  background: transparent;
  box-sizing: border-box;
}

The rule applies to each reset container and every descendant, but only to the properties shown. It does not cover elements outside those containers or prevent a stronger user CSS rule from winning.

Must-follow rule

Do not rely on inheritance for a property in this reset. Each descendant receives its own reset value, so styling a parent alone will not style nested text or SVG shapes. Set the needed value on the element that renders it, or use a CSS selector that explicitly styles that descendant.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

add-bug

無料

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the bugs API.

日本語の概要は準備中です。原文の説明を表示しています。

remotion-dev/remotion6.3万2026年10月11日 更新

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when adding or converting command-line flags or Remotion options.

日本語の概要は準備中です。原文の説明を表示しています。

remotion-dev/remotion6.3万2026年10月11日 更新

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, formatting, and builds.

日本語の概要は準備中です。原文の説明を表示しています。

remotion-dev/remotion6.3万2026年10月11日 更新

Add a new expert to the Remotion experts page

日本語の概要は準備中です。原文の説明を表示しています。

remotion-dev/remotion6.3万2026年10月11日 更新

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates. Use when creating a new @remotion package.

日本語の概要は準備中です。原文の説明を表示しています。

remotion-dev/remotion6.3万2026年10月11日 更新

add-sfx

無料

Add a new sound effect to @remotion/sfx

日本語の概要は準備中です。原文の説明を表示しています。

remotion-dev/remotion6.3万2026年10月11日 更新

remotion-dev のスキルをすべて見る

このスキルの問題を報告する