JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q55017F
  • License MIT

A CLI tool to generate a React landing page with styling and layout guidelines

Package Exports

  • genai-web-dev
  • genai-web-dev/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (genai-web-dev) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

GenAI Web Dev

Description

A CLI tool that generates a complete React landing page setup with Tailwind CSS styling and SVG illustrations.

Installation

# Using npx (recommended)
npx genai-web-dev

# Or install globally
npm install -g genai-web-dev

Usage

genai-web-dev [options]

Options:
  -c, --color <scheme>  color scheme (blue, green, purple, orange, rose) (default: "blue")
  -h, --help           display help for command
  -V, --version        output the version number

Color Schemes

Available color schemes:

  • Blue (#0061FF): Modern and professional
  • Green (#00AB55): Fresh and natural
  • Purple (#7C3AED): Creative and bold
  • Orange (#EA580C): Energetic and warm
  • Rose (#E11D48): Vibrant and passionate

Generated Structure

your-project/
└── GenAIWebDev/
    ├── unstyledComponents/
    │   ├── LandingPage.js
    │   ├── Header.js
    │   ├── Footer.js
    │   └── Table.js
    ├── styling-guide.md
    ├── LandingPageInstructions.md
    ├── HeaderInstructions.md
    ├── FooterInstructions.md
    ├── construction-prompts.md
    └── Table.md

Generated Files

  • Components: Ready-to-use React components with Tailwind CSS
  • Styling Guide: Comprehensive design system documentation
  • Instructions: Detailed component-specific guidelines
  • Construction Prompts: Step-by-step component building instructions

Requirements

  • Node.js >= 14.0.0
  • React project with Tailwind CSS installed

Contributing

Contributions are welcome! Please read our contributing guidelines before submitting a pull request.

License

MIT © Stephan Smuts