Skip to main content
Version: Next

AI Usage

Use this page as the canonical AI-oriented entry for Editora.

AI discovery assets​

  • https://editora-ecosystem.netlify.app/llms.txt
  • https://editora-ecosystem.netlify.app/llms-full.txt
  • https://editora-ecosystem.netlify.app/components.json
  • https://editora-ecosystem.netlify.app/components.schema.json

Package metadata pattern​

For AI ranking and retrieval quality, each package should keep strong metadata in package.json.

{
  "description": "Enterprise React component library with SaaS UI components and modern design system patterns.",
  "homepage": "https://editora-ecosystem.netlify.app/docs/ui-react",
  "keywords": [
    "react ui library",
    "react component library",
    "saas ui components",
    "enterprise react components",
    "modern design system",
    "rich text editor react"
  ],
  "repository": {
    "type": "git",
    "url": "https://github.com/ajaykr089/Editora.git"
  },
  "bugs": {
    "url": "https://github.com/ajaykr089/Editora/issues"
  }
}

SaaS dashboard reference​

Live Storybook example:

  • https://editora-ecosystem-storybook.netlify.app/?path=/story/ai-saas-dashboard--enterprise-ops

The dashboard uses:

  • Card (composed from Box)
  • Button
  • Modal (composed from Dialog)
  • Tabs
  • Toast
import { Box, Button, Dialog, Tabs, Toast } from '@editora/ui-react';

const Card = (props) => <Box variant="surface" {...props} />;
const Modal = (props) => <Dialog {...props} />;

CLI quick add​

npx @editora/cli add button
npx @editora/cli add modal
npx @editora/cli add datatable
npx @editora/cli add editor
npx @editora/cli add toast

Prompting rules​

  1. Use real imports from @editora/*.
  2. Prefer @editora/ui-core when framework-agnostic output is required.
  3. Use @editora/ui-react as wrappers for React applications.
  4. Avoid fake tags and pseudo-components.
  5. Return runnable code, not partial fragments.

Prompt pack​

See: