project
Handles modular CSS maintenance, variable-first styling, and build automation for the Oxygen Obsidian theme.
Install
mkdir -p .claude/skills/project && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/9645" && unzip -o skill.zip -d .claude/skills/project && rm skill.zipInstalls to .claude/skills/project
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Project-specific architecture, maintenance tasks, and unique conventions for the Oxygen Theme.Key capabilities
- →Manage theme components
- →Compile theme assets
- →Audit mobile responsiveness
- →Manage manifest versions
How it works
It uses a modular CSS architecture and Grunt build system to manage theme components and variables.
Inputs & outputs
When to use project
- →Compile theme assets using Grunt
- →Update CSS variables for new Obsidian versions
- →Audit theme components for mobile responsiveness
- →Manage theme manifest versioning
About this skill
Oxygen Theme Project Skill
Oxygen is a modular, high-performance theme for Obsidian with deep customization capabilities. It is designed for visual clarity and provides extensive Style Settings support.
Core Architecture
- Modular CSS: Separated into
theme.css(primary) andOxygen.css(modular components). - Variable-First Design: Heavily dependent on CSS variables for customization, allowing for deep integration with the Oxygen Settings plugin.
- Build System: Uses
Gruntfile.cjsfor managing CSS compilation or asset tasks.
Project-Specific Conventions
- Visual Clarity: Prioritizes typography and spatial organization.
- Scaleable Components: All CSS components should follow modular patterns for easier maintenance.
- Style Settings: Designed to be the source of truth for "vibrant" and "premium" aesthetics as described in the master design principles.
Key Files
theme.css: The primary theme file containing core layout and basic styling.Oxygen.css: Large modular CSS payload containing advanced components and visual enhancements.manifest.json: Theme identification and version management.Gruntfile.cjs: Automation tasks for theme development.
Maintenance Tasks
- Variable Drift: Monitor Obsidian's internal CSS variable updates and adjust theme overrides accordingly.
- Mobile Audit: Test the modular components (Oxygen.css) across various device sizes.
- Build Check: Ensure Grunt tasks remain functional for bundling/minifying theme assets.
When not to use it
- →When not working on Oxygen theme
Prerequisites
Limitations
- →Requires Grunt build system
How it compares
It provides project-specific maintenance tasks for the Oxygen theme rather than generic CSS management.
Compared to similar skills
project side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| project (this skill) | 0 | 6mo | No flags | Intermediate |
| add-announcement | 1 | 6mo | Review | Beginner |
| bpmn-js | 0 | 3mo | Review | Advanced |
| zustand | 113 | 2mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by davidvkimball
View all by davidvkimball →You might also like
add-announcement
Agenta-AI
Helps add announcement cards to the sidebar banner system. Use when adding changelog entries, feature announcements, updates, or promotional banners to the Agenta sidebar. Handles both simple changelog entries and complex custom banners.
bpmn-js
Miragon
bpmn-js modeler internals — EventBus, services, copy-paste architecture, clipboard polyfill, modeler lifecycle. Use when working on bpmn-webview, diagram interactions, copy-paste, clipboard, or element templates.
zustand
lobehub
Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.
threejs-skills
sickn33
Three.js skills for creating 3D elements and interactive experiences
accessibility-compliance
wshobson
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.
react-modernization
wshobson
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.