User Guide

3 Steps to Use StyleKit

Start with a stable style reference, pair it with a page template, then copy the prompts and rules into your own coding workflow.

Choose a Style

Browse the style catalog and pick the visual direction, tokens, component recipes, and AI rules that match the product you are building.

Use the template gallery to decide page structure before writing code: landing pages, dashboards, portfolios, docs, commerce, and more.

Use the prompt pages, style rules, and component recipes as constraints for your editor or AI coding assistant.

Detailed documentation

For deeper reference on visual and layout styles, design tokens, component recipes, and AI tool integrations.