compose-arch

Enforces Screen/View/Component layered architecture for Compose Multiplatform projects.

4|1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/AndVl1/claude-plugin --skill compose-arch
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-arch
Source: https://github.com/AndVl1/claude-plugin/tree/main/skills/compose-arch
Command: npx skills add https://github.com/AndVl1/claude-plugin --skill compose-arch

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a blueprint for implementing a strict Screen/View/Component layered architecture in Compose Multiplatform projects, ensuring clean separation of concerns and scalable code organization.

Core Features & Use Cases

  • Enforces layer separation across Screen (adapters), View (UI), Component (business logic and use cases), and Domain layers.
  • Guides the feature-slice pattern with dedicated folders for api/impl/di and a consistent file-per-class rule.
  • Supports Decompose-based components and a robust UseCase/Repository/DataSource workflow to keep code maintainable.

Quick Start

Create a new feature by following the feature directory structure, implement a sample screen with corresponding view, component, and use case, and wire up a DI module.

Frequently Asked Questions about compose-arch

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

FAQPage Schema
How do I structure a Compose Multiplatform project with strict layered architecture?

To structure a Compose Multiplatform project with strict layered architecture, separate code into Screen adapters, View UI, Component business logic, and Domain layers. This enforces clean separation of concerns and keeps feature slices scalable.

What is the feature-slice pattern in Compose Multiplatform architecture?

The feature-slice pattern in Compose Multiplatform organizes features into dedicated folders containing api, impl, and di directories. It enforces a one-class-per-file rule to maintain clean architecture and scalable code organization.

Can I use Decompose for component lifecycle management in Compose Multiplatform?

Yes, you can use Decompose for component lifecycle management in Compose Multiplatform. The architecture supports Decompose-based components to handle business logic and use cases, ensuring robust lifecycle management.

How do I wire up a new feature screen with a view and component in Compose?

To wire up a new feature screen in Compose, follow the feature directory structure to implement a sample screen with its corresponding view, component, and use case. You then connect them using a DI module to complete the setup.

What's the best way to enforce separation of concerns in Kotlin Compose apps?

The best way to enforce separation of concerns in Kotlin Compose apps is applying a strict Screen, View, Component, and Domain layered architecture. This mandates domain and use-case layering alongside a file-per-class rule for maintainable code.

Why does my Compose Multiplatform feature code become difficult to maintain?

Compose Multiplatform feature code becomes difficult to maintain when lacking strict architectural discipline. Applying a UseCase, Repository, and DataSource workflow with dedicated feature slices solves this by ensuring clean separation of concerns.