COSMIC Desktop UI Design & Development Skill

Guide COSMIC Desktop app and applet development with libcosmic and Rust.

9|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/olafkfreund/cosmic-ext-connect-desktop-app --skill cosmic-desktop-ui-design-development-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: COSMIC Desktop UI Design & Development Skill
Source: https://github.com/olafkfreund/cosmic-ext-connect-desktop-app/tree/main/.claude/skills/cosmic-ui-design-skill
Command: npx skills add https://github.com/olafkfreund/cosmic-ext-connect-desktop-app --skill cosmic-desktop-ui-design-development-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides expert guidance for developing robust, high-quality COSMIC Desktop applications and applets, ensuring adherence to design principles and best practices.

Core Features & Use Cases

  • Application Development: Guidance on structuring COSMIC apps, implementing the Application trait, and managing state.
  • Applet Development: Best practices for creating panel applets, including Wayland Layer Shell integration and popup management.
  • Theming & Styling: Ensures proper theme integration, avoids hard-coded values, and promotes accessibility.
  • Error Handling & Performance: Enforces safe Rust patterns, efficient async operations, and memory optimization.
  • Use Case: You're building a new COSMIC panel applet to monitor network status. This Skill will guide you through the correct structure, popup implementation, and theming to match the COSMIC aesthetic.

Quick Start

Ask for a review of your COSMIC application's architecture.

Frequently Asked Questions about COSMIC Desktop UI Design & Development Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a COSMIC application using libcosmic and Rust?

To structure a COSMIC application, implement the `Application` trait in Rust using libcosmic to manage state and ensure code quality. This approach embeds best practices derived from System76's official COSMIC Desktop project for robust app development.

How do I create a COSMIC panel applet with Wayland integration?

Creating a COSMIC panel applet requires Wayland Layer Shell integration for popup management. Following libcosmic best practices ensures your Rust applet matches the COSMIC aesthetic while handling Wayland protocols correctly.

What is the best way to implement theming in COSMIC Desktop apps?

The best way to implement theming in COSMIC apps is avoiding hard-coded values to ensure proper theme integration and accessibility. Using libcosmic enforces these design principles natively within your Rust application structure.

Does developing a COSMIC applet require specific error handling patterns in Rust?

Developing a COSMIC applet requires safe Rust patterns for error handling and performance optimization. This ensures efficient async operations and memory optimization while maintaining adherence to COSMIC's design language.

Can I use libcosmic to review my existing COSMIC application architecture?

Yes, you can request a review of your COSMIC application architecture to verify adherence to System76's official design language. This validates your Rust state management, applet structure, and Wayland integration against established best practices.