by

astryx xds. Isici esisodwa sibaluleke ngempela ku-automation. I-CLI ibuyisela i-manifest ezichaza yona njenge-JSON. Ibala yonke imiyalo, ingxabano, ifulegi, kanye nohlobo lwempendulo. Ukuyiqhathanisa ne-OpenAPI spec ye-CLI. Ngakho-ke i-ejenti ayidingi ukukhuhla --help text. Ifundeka umthwalo okhokhelwayo ohleliwe owodwa.

npx astryx component Button        # full docs for a component
npx astryx template dashboard      # emit full page source
npx astryx manifest --json         # machine-readable command spec


10

Be careful


import {Button} from '@astryxdesign/core/Button';
import {Badge} from '@astryxdesign/core/Badge';

export default function Toolbar() {
  return (
    

      <Button label="Save" variant="primary" />
      <Badge>BetaBadge>
    

  );
}

RepresentativeCommand names and the manifest shape match the Astryx CLI README (v0.0.14). Output is shortened for display.

06 · SETUP

Install and ship

Simplest path: Next.js + Tailwind. Astryx ships pre-built CSS, so no build plugin is needed.

# install core, a theme, and the CLI
npm install @astryxdesign/core @astryxdesign/theme-neutral
npm install -D @astryxdesign/cli
// providers.tsx — wrap your app once
'use client';
import type {ReactNode} from 'react';
import {Theme} from '@astryxdesign/core/theme';
import {neutralTheme} from '@astryxdesign/theme-neutral/built';

export function Providers({children}: {children: ReactNode}) {
  return <Theme theme={neutralTheme}>{children}Theme>;
}



npm install @astryxdesign/core @astryxdesign/theme-neutral
npm install -D @astryxdesign/cli


Wrap your app in the Theme provider.

'use client';
import type {ReactNode} from 'react';
import {Theme} from '@astryxdesign/core/theme';
import {neutralTheme} from '@astryxdesign/theme-neutral/built';

export function Providers({children}: {children: ReactNode}) {
  return {children};
}

import {Button} from '@astryxdesign/core/Button';

export default function Page() {
  return

bg-surface var(--...)

again . . Linda! ukutelegram?

contact us


Leave a Comment