new-composition

Assembling feature-level components from layout primitives and UI atoms in Next.js involves combining small structural elements into larger UI pieces like forms or navigation bars. This Skill provides a structured guide for creating and testing these compositions.

Structuring feature components using Tailwind CSS is best achieved by organizing them in feature folders under `src/components/`. This approach simplifies managing complex UI compositions like card views and navigation bars.

Building a new composition requires existing UI atoms and layout primitives as building blocks. The Skill assembles these foundational elements into complete feature-level components within a Next.js project.

You can use this Skill to create forms, navigation bars, and other feature sections for a Next.js project. It guides the process of combining layout primitives and UI atoms styled with Tailwind CSS.

To start building a new UI composition, run the command `new-composition create <feature>`. This initiates the assembly of layout primitives and UI atoms into the desired feature-level component.

Assembling components with layout primitives is limited to constructing UI pieces within Next.js projects using Tailwind CSS. It focuses on combining existing atoms rather than creating foundational design elements from scratch.