Typography

theme-factory is a curated theming skill for slides, docs, reports, and landing pages. Review the showcase, choose from 10 preset themes, then apply consistent colors and font pairings to your artifact.

canvas-design helps create original static visual work through a two-step flow: write a design philosophy in Markdown, then render it as a .png or .pdf. Best for posters, cover art, concept visuals, and UI-adjacent campaign graphics with minimal text.

ui-ux-pro-max is a comprehensive skill for AI-assisted UI/UX design. It offers structured guidance on layouts, styles, color systems, typography, and UX rules for web and mobile projects. Ideal for developers and teams needing practical design decisions across React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, and HTML/CSS. Use it to plan, review, and improve UI with curated design intelligence.

ckm:ui-styling helps you create accessible, production-ready user interfaces using shadcn/ui, Tailwind CSS, and canvas-based visual design. Ideal for React-based projects needing structured, responsive layouts, accessible components, dark mode, and consistent design systems. Use ckm:ui-styling skill for UI design, theming, and rapid prototyping with practical, stack-specific guidance.

ckm:design is a structured design skill for routing and producing logos, CIP mockups, banners, slides, and SVG icons. It includes practical references, CSV-backed options, and Python scripts for repeatable design workflows instead of generic prompt-only output.

ckm:brand is a branding workflow skill for creating, updating, and reviewing brand guidelines, messaging, voice, visual identity, and design-token sync with practical scripts and checklists.

ckm:banner-design helps create banners, covers, headers, display ads, and website hero graphics with structured briefs, size-aware workflow, and multiple art directions. Best for UI design, marketing creatives, and platform-specific banner concepts using SKILL.md plus the banner sizes and styles reference.

typeset improves UI typography by auditing font choice, hierarchy, sizing, weight, and readability. Best used after /frontend-design, with /teach-impeccable if context is missing, to turn generic text into a clearer, more intentional type system.

The normalize skill audits a UI feature and realigns it with your design system. Learn normalize install context, required /frontend-design prep, and practical usage for pages, routes, and components.

frontend-design is a design-first skill for building polished frontend UI with stronger context, hierarchy, accessibility, and responsive behavior. Use it to install the skill, read the core references, and apply practical guidance for better components, pages, and app screens.

bolder is a UI design skill that amplifies bland or overly safe interfaces with stronger hierarchy, contrast, and personality while keeping usability intact. Best used after /frontend-design, and /teach-impeccable if context is missing, on a specific target like a page, section, or component.