eisland-dev-add-empty-setting-subpage

Featured

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.

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: Add Empty Settings Subpage This skill guides you through adding a new empty subpage (with page navigation) to an existing eIsland settings section. ## When to Use - User asks to add a new tab/page/subpage to any settings section - User wants to extend a settings section with page navigation - User mentions "分页", "tab", "subpage" in context of settings ## Prerequisites Before starting, identify: 1. **Target settings section** — which section to extend (e.g., `update`, `ai`, `network`, `music`, `weather`, `mail`) 2. **New page key** — a kebab-case identifier (e.g., `info-sync`, `data-center`) 3. **New page label** — display name in Chinese (e.g., `信息同步`) ## Reference Pattern The canonical implementation pattern is the **AI settings section** (`ai`), which has pages: `general`, `r1pxc`, `ollama`. Key reference files: - `src/renderer/components/states/maxExpand/components/setting/utils/settingsConfig.ts` — types & config - `src/renderer/components/states/maxExpand/components/setting/components/ai/AiSettingsSection.tsx` — section with pages - `src/renderer/components/states/maxExpand/components/setting/components/ai/AiSettingsPageDots.tsx` — page dots component - `src/renderer/components/states/maxExpand/components/setting/components/SettingsPageNavigation.tsx` — shared navigation ## Step-by-Step Workflow ### Step 1: Update `settingsConfig.ts` File: `src/renderer/components/states/maxExpand/components/setting/utils/settingsConfig.ts` **1a.** Add/extend the p...

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