eisland-dev-add-maxexpand-tab

Featured

为 eIsland 灵动岛的 MaxExpand(全展开)模式添加一个新的 Tab 页面。当用户要求创建新的 MaxExpand 页面、添加全展开界面组件(如计算器、时钟、天气面板、便签、日历等)时使用此 skill。 即使用户只说"新建一个 maxexpand 界面"、"加个全展开页面"、"在 maxexpand 里加个 XX", 也应触发。此 skill 覆盖从类型注册、设置配置、懒加载/即时加载渲染到 i18n 国际化的全部 8 个 修改点,确保新 Tab 完整可用且可在设置中拖拽排序与切换可见性。

Web & Frontend 312 stars 16 forks Updated today GPL-3.0

Install

View on GitHub

Quality Score: 87/100

Stars 20%
83
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# eIsland: 添加 MaxExpand Tab 页面 为灵动岛的全展开(MaxExpand)模式添加一个新的 Tab 页面。 ## 前置确认 在开始前,向用户确认以下信息: 1. **Tab 名称** — kebab-case 目录名(如 `calculator`、`weather`、`calendar`) 2. **Tab 显示名** — 中文标签(如 `计算器`、`天气`、`日���`),用于设置界面和 i18n 3. **内容策略** — 选择一种: - `placeholder`(默认)— 创建空占位组件,后续填充 - `skeleton` — 带基本骨架布局的占位组件 ## 目录结构 每个 MaxExpand Tab 遵循统一的模块结构: ``` src/renderer/components/states/maxExpand/components/<tabName>/ ├── index.ts # 模块入口,导出 Tab 组件 └── components/ └── <TabName>Tab.tsx # Tab 主组件 ``` ## 实现步骤 ### Step 1: 创建 Tab 组件 **1a.** 创建目录和组件文件: `src/renderer/components/states/maxExpand/components/<tabName>/components/<TabName>Tab.tsx` ```tsx /* * eIsland - A sleek, Apple Dynamic Island inspired floating widget for Windows, built with Electron. * https://github.com/JNTMTMTM/eIsland * * Copyright (C) 2026 JNTMTMTM * Copyright (C) 2026 pyisland.com * * Original author: JNTMTMTM[](https://github.com/JNTMTMTM) * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. */ /** * @file <TabName>Tab....

Details

Author
JNTMTMTM
Repository
JNTMTMTM/eIsland
Created
5 months ago
Last Updated
today
Language
TypeScript
License
GPL-3.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Featured

eisland-dev-add-empty-setting-subpage

Add a new empty subpage (tab) to an existing eIsland settings section with page navigation support. Use this skill whenever the user wants to add a new tab/page/subpage to any settings section in the eIsland project, including requests like "添加分页", "add a tab", "add subpage", "新建空白分页", "add empty page to settings", or when extending settings sections like AI, update, network, music, weather, mail, etc. with new page navigation. This skill handles the full workflow: type definitions, config constants, PageDots component, section modifications, SettingsTab state wiring, and i18n translations.

312 Updated today
JNTMTMTM
Web & Frontend Featured

eisland-dev-add-empty-state

为 eIsland 灵动岛添加一个新的空白状态机(IslandState)。当用户要求创建新状态、新页面、 新界面(如登录页、设置子页面、独立面板)时使用此 skill。即使用户只说"加个新状态"或 "创建一个 XX 页面",也应触发。此 skill 覆盖从类型注册、窗口尺寸、CSS 样式到鼠标交互 行为的全部 12 个修改点,确保状态机完整可用。

312 Updated today
JNTMTMTM
Web & Frontend Featured

eisland-dev-add-guide-step

创建 eIsland 引导配置窗口的新步骤页面。当用户要求在引导界面(Guide)中新增配置步骤、引导页面、引导分页时使用此 skill。 触发关键词:guide 步骤、引导页面、引导分页、Guide step、新建引导页、添加引导配置。 适用于 src/renderer/components/components/ 目录下的 Guide 模块。

312 Updated today
JNTMTMTM