跳到正文
cccskills
免费在 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(原文)

安装前可以查看交给 AI 代理的指令内容。

Highlight categories

CategoryCSS class suffixColorMeaning
misinformationmisinformation#ff6b6b (red)False, misleading, or lacking critical context
emotionalemotional#ffa94d (orange)Fear appeals, outrage bait, us-vs-them framing
biasbias#ffd43b (yellow)Biased framing, selective emphasis, loaded language
supportedsupported#69db7c (green)Well-supported, verified claim
logicallogical#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)

  • listType is a string ("ul" / "ol" / null) — not a boolean. The closeList() helper checks if (listType).
  • List items are matched against trimmed lines (after .trim()), not raw lines — required to handle indented list items correctly.
  • ## heading lines → collapsible <h2> + <div class="section-body">. Clicking the heading toggles .collapsed class, 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):

RoleValue
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.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices

中文简介正在准备中。当前显示原文说明。

Maros112358/scepticagent22026年3月22日 更新

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日 更新

查看 Maros112358 的全部技能

报告此技能的问题