메뉴
저장소 README를 불러오는 중…
수집된 skill 1개 중 1개를 표시합니다.
Make components responsive with proper breakpoints
원문 언어: 영어
이 프롬프트를 복사해 사용 중인 AI 어시스턴트에 입력하세요.
Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/lxgicstudios/ai-responsive.
README 원본 파일: README.md
--- <p align="center"> <a href="https://github.com/lxgicstudios"> <img src="https://img.shields.io/badge/LXGIC%20Studios-⚡-blue?style=for-the-badge&logo=github" alt="LXGIC Studios" /> </a> <a href="https://npmjs.com/package/ai-responsive"> <img src="https://img.shields.io/npm/v/ai-responsive.svg?style=for-the-badge&logo=npm" alt="npm version" /> </a> <a href="https://github.com/lxgicstudios/ai-responsive/actions"> <img src="https://img.shields.io/github/actions/workflow/status/LXGIC-Studios/ai-responsive/ci.yml?branch=main&style=for-the-badge&logo=github" alt="CI" /> </a> </p> <div align="center"> # AI Responsive AI-powered responsive design helper — media queries, breakpoints, and mobile-first CSS from descriptions. Works with Claude, Cursor, GPT, Copilot. [](https://npmjs.com/package/ai-responsive) [](https://github.com/lxgicstudios/ai-responsive) [](https://github.com/lxgicstudios/ai-responsive/blob/main/LICENSE) </div> > AI-powered responsive design helper — media queries and breakpoints with GPT. ## 🤖 Works With | AI Assistant | Support | |-------------|---------| | 🤖 **Claude / Claude Code** | ✅ Full | | 🔵 **Cursor** | ✅ Full | | 💚 **GPT / ChatGPT** | ✅ Full | | ⚡ **GitHub Copilot** | ✅ Full | | 🧩 **MCP Servers** | ✅ Compatible |## 🚀 Features - Feature 1 - Feature 2 - Feature 3 ## 📋 Table of Contents - [What Is It?](#-what-is-it) - [How It Works](#-how-it-works) - [Quick Start](#-quick-start) - [Usage Examples](#-usage-examples) - [API Reference](#-api-reference) - [Frequently Asked Questions](#-frequently-asked-questions) - [Contributing](#-contributing) - [License](#-license) --- ## What Is Ai responsive? Ai responsive is a software development tool designed to help developers solve specific development challenges Ai responsive is a software development tool designed to help developers solve specific development challenges helps developers solve specific development challenges efficiently. ## How Does Ai responsive Work? This tool provides feature 1,feature 2. It integrates smoothly with modern development workflows. ## Quick Start ```bash npm install ai-responsive ``` ```javascript // Basic usage const airesponsive = require('ai-responsive'); airesponsive.main(); ``` ## 📚 Usage Examples ```javascript // Import the package const responsive = require('ai-responsive'); // Basic usage example responsive.main(); ``` ## 🔧 API Reference Check the documentation folder for detailed API reference. ## ❓ Frequently Asked Questions ## Frequently Asked Questions ### What problem does ai-responsive solve? ai-responsive solves common software development challenges that developers face daily. ### Is ai-responsive suitable for production use? Yes, ai-responsive is built with production environments in mind and includes proper error handling and validation. ### What are the main features? - • Feature 1 - • Feature 2 - • Feature 3 ### How do I contribute? Please see our [Contributing Guidelines](CONTRIBUTING.md) for details on how to submit issues and pull requests. --- ## 🤝 Contributing We welcome contributions! Please see our [Contributing Guidelines](CONTRIBUTING.md) for details. ### Development Setup ```bash git clone https://github.com/lxgicstudios/ai-responsive.git cd ai-responsive npm install npm run dev ``` ## 📄 License MIT License - see [LICENSE](LICENSE) file for details. ## 🙏 Acknowledgments Built with ❤️ by the LXGIC Studios team. --- <div align="center"> **Built by LXGIC Studios** 🔗 [GitHub](https://github.com/lxgicstudios) · [Twitter](https://x.com/lxgicstudios) 💡 Want more free tools like this? We have 100+ on our GitHub: [github.com/LXGIC-Studios](https://github.com/lxgicstudios) </div>