Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Maros112358/scepticagent22026년 3월 22일 업데이트
무료GitHub에 공개
scepticagent-styles
ScepticAgent UI and styles reference. Use whenever the user wants to change the side panel UI, modify highlight colours, update the markdown renderer, work with CSS architecture, add or change category colours, or understand how the sidepanel renders analysis output.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치 방법 보기포함된 파일(1)
- SKILL.md2.7 KB
SKILL.md(원문)
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
Highlight categories
| Category | CSS class suffix | Color | Meaning |
|---|---|---|---|
| misinformation | misinformation | #ff6b6b (red) | False, misleading, or lacking critical context |
| emotional | emotional | #ffa94d (orange) | Fear appeals, outrage bait, us-vs-them framing |
| bias | bias | #ffd43b (yellow) | Biased framing, selective emphasis, loaded language |
| supported | supported | #69db7c (green) | Well-supported, verified claim |
| logical | logical | #da77f2 (purple) | Internal contradiction, non-sequitur, false dichotomy |
All five category colours are duplicated across four CSS selectors each:
.scan-pill.{cat}, .hl-dot.{cat}, .hl-item-dot.{cat}, .summary-bullet-{cat}
Markdown renderer (sidepanel/app.js — renderMarkdown function)
listTypeis a string ("ul"/"ol"/null) — not a boolean. ThecloseList()helper checksif (listType).- List items are matched against
trimmedlines (after.trim()), not raw lines — required to handle indented list items correctly. ## headinglines → collapsible<h2>+<div class="section-body">. Clicking the heading toggles.collapsedclass, which hides the body via CSS.- Blank lines →
<br>(not</p><p>). - Links:
[text](url)→<a target="_blank" rel="noopener noreferrer">. - Analysis preamble appearing before the first
\n##heading is skipped entirely and not rendered — the renderer starts output from the first##section.
CSS architecture (sidepanel/style.css)
Dark theme palette (hardcoded — no CSS custom properties):
| Role | Value |
|---|---|
| Background | #1a1b1e |
| Surface (cards, inputs) | #25262b |
| Border | #373a40 |
| Primary text | #c9d1d9 |
| Accent blue | #4dabf7 |
Key component classes:
#highlight-summary— summary card:background: #25262b,border: 1px solid #373a40,border-radius: 8px.section-body— collapsible analysis section body, hidden when parent<h2>has.collapsed.scan-pill— top-of-panel category pill counts (e.g. "3 misinformation").hl-item— individual highlight entry in the list.hl-dot/.hl-item-dot— colored dot next to a highlight
Note: There are no CSS custom properties (--var) in this codebase. All colour values are hardcoded literals. When adding new colours, continue this pattern.
리뷰
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
댓글
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
같은 저장소의 스킬
Use this skill when building applications with Gemini models, Gemini API, working with multimodal content (text, images, audio, video), implementing function calling, using structured outputs, or needing current model specifications. Covers SDK usage (google-genai for Python, @google/genai for JavaScript/TypeScript, com.google.genai:google-genai for Java, google.golang.org/genai for Go), model selection, and API capabilities.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Maros112358/scepticagent22026년 3월 22일 업데이트
ScepticAgent internal architecture reference. Use whenever the user asks how the extension works, wants to add a new AI provider, add a new highlight category, debug communication between components, understand the agent loop or streaming, or work with provider routing and the Gemini CORS proxy.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Maros112358/scepticagent22026년 3월 22일 업데이트
ScepticAgent AI prompt reference. Use whenever the user asks about the prompts, wants to change analysis behaviour, modify what the AI looks for, adjust highlight categories or scoring, understand what instructions are sent to the AI, or tune the output format of analysis or highlights.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Maros112358/scepticagent22026년 3월 22일 업데이트
ScepticAgent packaging and Chrome Web Store publishing workflow. Use whenever the user wants to build the zip, package the extension, publish or submit to the Chrome Web Store, update the store listing, or deal with manifest/icon/permission requirements for publishing.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Maros112358/scepticagent22026년 3월 22일 업데이트
Searches multiple web sources, synthesizes findings, and produces cited research reports using delegated subagents. Use when the user asks to research a topic online, search the web, look something up, find current information, compare options, or produce a research report.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Maros112358/scepticagent22026년 3월 22일 업데이트