Menu
TypeScript and React best practices. Use when writing or refactoring .ts/.tsx files, React components, hooks, or type definitions.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Git commit messages and workflow. Use when writing commit messages, creating branches, or discussing PR/rebase/squash workflow.
Python virtual environments and dependencies. Use when creating venv, installing packages, running scripts, or fixing path/activation issues.
README and project documentation structure. Use when writing or updating README.md, docs, or project overview.
Environment variables and secrets. Use when handling API keys, .env, .gitignore, or avoiding hardcoded secrets.
Best practices for Remotion - Video creation in React
| name | typescript-react |
| description | TypeScript and React best practices. Use when writing or refactoring .ts/.tsx files, React components, hooks, or type definitions. |
| metadata | {"tags":"typescript, react, frontend, components, hooks"} |
.ts / .tsx 文件interface 描述对象形状；需要联合/交叉时用 typeexport type { X } 或 export interface Xany；必要时用 unknown 或泛型strict: true 时注意 undefined 与可选链 ?.、空值合并 ??const Comp: React.FC<{ id: string }> = ({ id }) => ...key（不用 index 除非列表静态且无重排）useEffect，依赖数组写全，避免闭包陈旧值useCurrentFrame()、interpolate、spring，避免依赖真实时间style 或已有 theme/constants，保持与现有 intro-video、gemini-canvas 一致