fileterm: Skill for Claude Code

.agents/skills/fileterm-common-components/SKILL.md

fileterm-common-components is a skill for Claude Code, Codex from St0ff3l/fileterm. It costs 45 tokens per session (1,017 once invoked), scanned A, original, MIT.

A set of rules for changing FileTerm's shared React and TypeScript interface components, component styles, themes, and icons. It defines where components belong and how they should use shared theme variables.

In plain words
What is it for?
Use it when editing shared renderer components, CSS, theme tokens, dropdowns, confirmation dialogs, scrollbars, or interface icons. It covers reusable components as well as the checks needed for focus states, colors, and asynchronous actions.
Why use it?
It keeps common controls and visual styles consistent across FileTerm. It also prevents new components from bypassing the shared theme, accessibility, scrolling, and interaction rules.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: installed under .agents/ (shared by several agents); mentions AGENTS.md.

This is St0ff3l/fileterm's own configuration. It tells Claude Code and Codex how to work on fileterm itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything fileterm configures →

Reuse

Borrowing it

Nothing to install: this file belongs to St0ff3l/fileterm. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/St0ff3l/fileterm/main/.agents/skills/fileterm-common-components/SKILL.md
Clone the repo
git clone --depth 1 https://github.com/St0ff3l/fileterm

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for fileterm-common-components

README.md
[![agentmods](https://agentmods.dev/badge/skills/st0ff3l/fileterm/fileterm-common-components/github.svg)](https://agentmods.dev/skills/st0ff3l/fileterm/fileterm-common-components)
Your own site
<a href="https://agentmods.dev/skills/st0ff3l/fileterm/fileterm-common-components"><img src="https://agentmods.dev/badge/skills/st0ff3l/fileterm/fileterm-common-components/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for fileterm-common-components

Your own site · 80×15
<a href="https://agentmods.dev/skills/st0ff3l/fileterm/fileterm-common-components"><img src="https://agentmods.dev/badge/skills/st0ff3l/fileterm/fileterm-common-components.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 45 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,017 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00045 $0.01017
Opus 5.5 $0.00018 $0.00407
Sonnet 5.5 $0.00009 $0.00203
Haiku 4.5 $0.00005 $0.00102

Measured 8d ago against content hash ec7695a102ab, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

fileterm-common-components scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.

The scan reads SKILL.md. This mod also ships 2 executable files (scripts/check-css-contract.ps1, scripts/check-css-contract.sh), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.agents/skills/fileterm-common-components/SKILL.md · 46 lines

What it actually says

FileTerm 通用组件与主题

目标:复用公共交互,让内置和自定义主题通过同一条变量链路生效。路径以当前源码为准。

实现边界

  • 新公共视觉组件放 apps/tauri/src/renderer/components/common/<name>/,组件 CSS 共址;业务组件放 features/<feature>/。
  • features/common/ 保留行为工具、辅助组件和兼容 re-export;styles/features/ 是迁移区,不新增组件皮肤。
  • 具体颜色只进入主题 --ref-*;styles/tokens/semantic.css 映射语义变量;组件只消费语义变量,不写 hex/rgb、--ref-* 或旧兼容别名。布局、尺寸与排版数值可在组件 CSS 定义。
  • 新颜色补齐四个内置主题与 app/theme-config.ts 的运行时映射;--focus-outline 只用于描边/光环,主按钮用 --action-primary-*。
  • 表单用 DropdownSelect,箭头随实际控件高度缩放;破坏性操作用 ConfirmActionDialog,禁止业务原生 select / window.confirm()。
  • 新增纵向滚动默认复用 features/common/vertical-scrollbar.tsx 并隐藏原生纵向滚动条;横向、第三方编辑器内部及协议组件自带滚动可保留专用实现。
  • UI 图标使用本地 SVG / AppIcon 和 currentColor,按功能域归档;应用身份资产与 UI 图标隔离,不引入 WebFont 或 CDN。
  • 同组按钮高度、圆角和内边距一致,异步操作防止重复提交并保留错误反馈。
  • 输入框、textarea 与下拉框聚焦/展开时禁止新增彩色描边,统一消费 --input-focus-shadow(中性 inset 内环+加深外阴影);复合输入仅外壳绘制一次。既有 hover 反馈(包括文件工具栏蓝框)保持不变;按钮、复选/单选与校验状态不跟随重置。forced-colors 下保留系统键盘焦点回退,详见控件约束。
  • 深色输入只保留中性内环,不绘制外部深色底层;亮色可用轻量外阴影。路径/筛选、运行时隧道和命令代码区使用既有单层 1px 边框反馈,禁止与硬内环叠成粗边。终端底部命令输入栏保持原样。

按需细节

验证与完成

组件/CSS 改动前后运行(仓库根目录,均需 rg 和 Git;Windows 入口需要 Git for Windows):

bash .agents/skills/fileterm-common-components/scripts/check-css-contract.sh

Windows PowerShell:

pwsh -NoProfile -File .agents/skills/fileterm-common-components/scripts/check-css-contract.ps1

对比已有债务与本次新增问题,不为通过检查顺手重写无关样式。检查器全量检查 semantic.css 和公共组件;feature CSS 只阻塞相对 CSS_CONTRACT_BASE(默认 origin/main)的 merge-base 变更文件及未跟踪文件,避免历史债务阻塞。需要其他基准时设置该环境变量。它也检查十六进制、颜色函数和 CSS 命名颜色;四个主题文件检查是否缺失。feature TSX 行内颜色、原生 select/confirm 和自定义主题映射需另外检查。

运行改动文件的 Prettier 检查及 AGENTS.md 要求的代码门禁。验证受影响主题、自定义 accent、控件状态和平台分支;报告结果、历史债务与未验证平台。

Files

What ships with it

4 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 8d ago Changed · +6 lines ec7695a102ab
  2. 10d ago First seen · 40 lines · 45 tokens per session scan A 267b7338dd00

Subscribe to this mod's changes

fileterm-common-components is a skill published in the GitHub repository St0ff3l/fileterm (422 stars, last pushed 2d ago), licensed MIT. It adds 45 tokens to every session and 1,017 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-27.

Related

fileterm-common-components compared with skills from other repositories

fileterm-common-components next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
fileterm-common-componentsSt0ff3l/filetermSkill4222d agoMITA45Claude Code, Codex
chakra-ui-builderchakra-ui/chakra-uiSkill41kyesterdayMITA214Claude Code, Codex
antigravity-design-expertsickn33/agentic-awesome-skillsSkill49kyesterdayMITA39Claude Code
tamagui-v6-configtamagui/tamaguiSkill14ktodayMITA0Claude Code, Codex
tamagui-theme-generatortamagui/tamaguiSkill14ktodayMITA48Claude Code, Codex
liquid-metal-borderMengTo/SkillsSkill7.3kyesterdayMITA97Codex
frontend-ui-dark-tsmicrosoft/skillsSkill3.2kyesterdayMITA48Claude Code