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.

genai-web-dev