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