How do I install the Project skill?

Run npx skillmds@latest add tomevault-io/project-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Project safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Project?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Project free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Project?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Project by tomevault-io — Agent Skill

Name: Project
Author: tomevault-io

File contents

UI Tweaker Project Skill

UI Tweaker provides granular control over the Obsidian interface, allowing elements to be Shown, Hidden, or Revealed-on-hover. It centralizes UI management logic extracted from legacy theme settings into a modular, production-ready plugin.

Core Architecture

State Management: Uses UIVisibilityState ('show' | 'hide' | 'reveal') for complex elements and boolean for simple toggles.
CSS Injection: uiManager.ts injects classes onto document.body.
- Hidden: .ui-tweaker-{feature-name}
- Reveal: .ui-tweaker-{feature-name}-reveal
Mobile Support: Includes specific logic for nav positioning and mobile-specific hides.
Status Bar Manager: Advanced detection of status bar items from other plugins using class-based identification and text fallback (matching obsidian-statusbar-organizer patterns).

Project-Specific Conventions

Command IDs: Always use ui-tweaker:toggle-{feature-name}.
Settings Hierarchy: Maintain a flat list with clear headers (h2) in settingsTab.ts.
CSS Selectors: Primarily target element classes; maintain compatibility with both Desktop and Mobile DOM structures.
Reveal UX: Use opacity transitions for smooth reveal-on-hover effects in styles.css.

Key Files

src/main.ts: Entry point and lifecycle orchestration.
src/uiManager.ts: Core logic for managing CSS classes and visibility states.
src/manager/StatusBarManager.ts: Complex status bar item identification logic.
src/settings.ts: Settings interface and default value definitions.
styles.css: All hiding/revealing CSS rules (heavily dependent on Obsidian DOM).

Maintenance Tasks

DOM Sync: Test CSS selectors after major Obsidian updates; the DOM structure often changes in non-obvious ways.
Command PICKER: Update modals/CommandPickerModal.ts if Obsidian changes how commands are indexed.
Dependency Sync: Maintain alignment with .ref/plugins/obsidian-oxygen-settings and obsidian-hider for cross-compatible patterns.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: project-2description: Project-specific architecture, maintenance tasks, and unique conventions for UI Tweaker. Use when this capability is needed.---# UI Tweaker Project SkillUI Tweaker provides granular control over the Obsidian interface, allowing elements to be Shown, Hidden, or Revealed-on-hover. It centralizes UI management logic extracted from legacy theme settings into a modular, production-ready plugin.## Core Architecture- **State Management**: Uses `UIVisibilityState` (`'show' | 'hide' | 'reveal'`) for complex elements and `boolean` for simple toggles.- **CSS Injection**: `uiManager.ts` injects classes onto `document.body`. - Hidden: `.ui-tweaker-{feature-name}` - Reveal: `.ui-tweaker-{feature-name}-reveal`- **Mobile Support**: Includes specific logic for nav positioning and mobile-specific hides.- **Status Bar Manager**: Advanced detection of status bar items from other plugins using class-based identification and text fallback (matching `obsidian-statusbar-organizer` patterns).## Project-Specific Conventions- **Command IDs**: Always use `ui-tweaker:toggle-{feature-name}`.- **Settings Hierarchy**: Maintain a flat list with clear headers (`h2`) in `settingsTab.ts`.- **CSS Selectors**: Primarily target element classes; maintain compatibility with both Desktop and Mobile DOM structures.- **Reveal UX**: Use `opacity` transitions for smooth reveal-on-hover effects in `styles.css`.## Key Files- `src/main.ts`: Entry point and lifecycle orchestration.- `src/uiManager.ts`: Core logic for managing CSS classes and visibility states.- `src/manager/StatusBarManager.ts`: Complex status bar item identification logic.- `src/settings.ts`: Settings interface and default value definitions.- `styles.css`: All hiding/revealing CSS rules (heavily dependent on Obsidian DOM).## Maintenance Tasks- **DOM Sync**: Test CSS selectors after major Obsidian updates; the DOM structure often changes in non-obvious ways.- **Command PICKER**: Update `modals/CommandPickerModal.ts` if Obsidian changes how commands are indexed.- **Dependency Sync**: Maintain alignment with `.ref/plugins/obsidian-oxygen-settings` and `obsidian-hider` for cross-compatible patterns.---> Converted and distributed by [TomeVault](https://tomevault.io/claim/davidvkimball) — claim your Tome and manage your conversions.

Frequently asked questions

Project