Skills
.Work. You
Rest

common-components-skill

Community

Build consistent FileTerm UIs with reusable components and themes.

Software Engineering#frontend#electron#ui-components#theme-system#css-themes#fileterm#standalone-windows
AuthorSt0ff3l
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates inconsistent UI implementation, theme mismatch bugs, and duplicated component code in the FileTerm desktop remote workspace client, reducing maintenance overhead and ensuring a seamless user experience across light and dark modes and standalone windows.

Core Features & Use Cases

  • Standardized Common Components: Pre-built TerminalView, AppIcon, ContextMenu, and horizontal scroll utilities that enforce consistent interaction patterns across all FileTerm panels.
  • Unified CSS Theme System: Token-based design system with strict separation of structural and theme styles, light/dark theme support, and anti-flash mechanisms for standalone windows.
  • Use Case: When building a new SFTP file manager panel, use this Skill to implement consistent icons, right-click context menus, and automatic theme adaptation without rewriting core theme logic.

Quick Start

Use the common-components-skill to add a themed, right-click enabled file list with horizontal scroll support to the new SFTP transfer panel.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: common-components-skill
Download link: https://github.com/St0ff3l/fileterm/archive/main.zip#common-components-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.