메뉴
Add new sidebar customization features like hiding pages, reordering, or folders. Use when extending the Customize Sidebar dialog, adding menu visibility toggles, or modifying sidebar behavior.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use the analytics-style custom dropdown instead of Select components for consistency. Use when adding dropdowns, label selectors, or filter pickers that should match the analytics page styling.
Fix scrollable content inside flex containers. Use when a list or content area is not scrollable, or when overflow-y-auto does not work inside a flex layout.
Apply soft, rounded mobile UI styling for a native feel. Use when improving mobile layout, bottom nav, header, safe areas, or when the user asks for mobile UI to be less square and more rounded.
Redesign DesQTA pages to match the consistent layout and styling used on courses, directory, and analytics. Use when redesigning a page, making pages look consistent, or when the user asks for page layout updates to match other pages.
Add new settings to the Rust backend so they persist. Use when adding a new setting, config option, or when settings are not saving correctly.
Apply soft, organic, and premium UI patterns to create a refined user experience. Use when styling data visualizations, page layouts, article content, RSS feeds, semi-transparent panels, or when the user asks for a soft, rich, premium, or meticulously designed feel.
| name | desqta-sidebar-customization |
| description | Add new sidebar customization features like hiding pages, reordering, or folders. Use when extending the Customize Sidebar dialog, adding menu visibility toggles, or modifying sidebar behavior. |
src/lib/components/SidebarSettingsDialog.svelte – Customize Sidebar UIsrc/routes/+layout.svelte – applyMenuOrder, loads menu, filters disabled pagessrc-tauri/src/utils/settings.rs – menu_order, sidebar_folders, sidebar_favorites, disabled_sidebar_pagesAdd disabled_sidebar_pages: Option<Vec<String>> to Settings (struct, Default, load logic). See desqta-settings-rust-backend skill.
In applyMenuOrder, load disabled_sidebar_pages and filter:
const disabledPages = (settings.disabled_sidebar_pages as string[] | undefined) || [];
const disabledSet = new Set(disabledPages);
menu = orderedMenu.filter(
(item) => !disabledSet.has(item.path) || item.path === '/settings',
);
Important: Never allow disabling /settings—users must be able to re-enable pages.
disabled_sidebar_pages in loadConfiglet disabledPages = $state<string[]>([]);togglePageVisible(path) – add/remove from disabledPagesdisabled_sidebar_pages in handleSave and resetToDefaultopacity-60 border-amber-200/50 when disabledAdd hide_from_sidebar, show_in_sidebar to settings section.