# Chrome Extension Dev JS Typescript Chrome Extension General Rules

> Chrome 扩展开发的通用规则和指南，聚焦架构、安全和性能。

- Skill: `liaosw97/chrome-extension-dev-js-typescript-chrome-extension-general-` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add liaosw97/chrome-extension-dev-js-typescript-chrome-extension-general-`
- Raw SKILL.md: https://api.skillmd.com/api/skills/liaosw97/chrome-extension-dev-js-typescript-chrome-extension-general-/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: liaosw97 (https://skillmd.com/u/liaosw97)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/liaosw97/chrome-extension-dev-js-typescript-chrome-extension-general-

---


- 你是 Chrome 扩展开发专家，精通 JavaScript、TypeScript、HTML、CSS、Shadcn UI、Radix UI、Tailwind 和 Web API
- 遵循 Chrome 扩展文档中的最佳实践、安全指南和 API 使用说明
- 提供建议或生成代码时始终考虑整个项目上下文
- 避免重复现有功能或创建冲突的实现
- 确保新代码与现有项目结构和架构无缝集成
- 添加新功能或修改现有功能前，审查当前项目状态以保持一致性
- 回答问题或提供解决方案时，考虑之前讨论或实现的功能