Cream design skill for AI agents

Overview

Cream is a warm, rounded design system skill file for approachable product and marketing interfaces. When you give this skill file to an AI coding assistant, it generates UIs with calm cream and soft-gray section surfaces, vivid blue primary actions, Montserrat typography, generous rounded shells, and gentle bordered cards instead of shadows.

The system balances friendliness with structure. Content sections alternate between two light surfaces, cards sit as lighter tints of their section, and blue leads the main interaction layer. Extended blue and chart tokens support dashboards, illustrations, and product surfaces, while landing pages keep the accent language simpler and more brand-first.

Visual Language

Cream uses 24px corners on large shells such as cards, inputs, modals, menus, tables, tabs, alerts, buttons, and tooltips, with smaller 4px corners for compact box controls. The palette stays warm and readable, with dark heading text, muted body copy, and borders that define structure without making the UI feel rigid.

Use Cream for SaaS homepages, onboarding flows, education products, creator tools, marketplaces, booking products, dashboards, and customer-facing applications that need to feel soft, capable, and easy to trust.