stylekit-core

StyleKit core library - design style tokens, recipes, and accessibility helpers for AI-driven UI generation.

Installation

npm install stylekit-core

Modules

Styles

Design style definitions, metadata, and token system.

import { styles, getStyleBySlug, getStyleTokens } from 'stylekit-core/styles'

// Get all styles
const allStyles = styles

// Get a specific style
const brutalist = getStyleBySlug('neo-brutalist')

// Get tokens for precise CSS class mappings
const tokens = getStyleTokens('neo-brutalist')

Recipes

Component recipe system with parameterized, composable component definitions.

import { getStyleRecipes, getRecipe, renderRecipe } from 'stylekit-core/recipes'

// Get all recipes for a style
const recipes = getStyleRecipes('glassmorphism')

// Get a specific recipe
const buttonRecipe = getRecipe('glassmorphism', 'button')

// Render a recipe with parameters
const result = renderRecipe(buttonRecipe, {
  variant: 'primary',
  params: { size: 'md' },
  slots: { label: 'Click me' },
})

Accessibility

WCAG 2.1 compliance checking for design styles.

import { contrastRatio, meetsAA, scoreStyle } from 'stylekit-core/accessibility'

// Check contrast ratio
const ratio = contrastRatio('#000000', '#ffffff') // 21

// Score a style for accessibility
const score = scoreStyle('neo-brutalist')

Full Import

You can also import everything from the root:

import {
  styles,
  getStyleTokens,
  contrastRatio,
} from 'stylekit-core'

License

MIT