one

🥈Silver

Build apps, websites, and AI agents using plain English with Astro, React, Shadcn, and Cloudflare. Ideal for operations teams to automate workflows and create custom tools without extensive coding knowledge.

113250Updated 1w ago

Intermediate30min to implementautomation

Saves ~120 min per use

Quick InstallView Source

git clone https://github.com/one-ie/one.git

Works with:

Claude

Overview

About This Skill

How to Use

["Define the tool’s purpose: Start by specifying the type of tool (e.g., dashboard, portal, agent) and its core function. Include details like user roles, data sources, and key features.","Gather requirements: List technical and design preferences (e.g., color schemes, integrations, deployment targets like Cloudflare). The more specific you are, the better the output.","Use the prompt template: Copy the prompt into your AI tool (e.g., Claude or ChatGPT) and replace the placeholders with your requirements. Add any additional constraints (e.g., \"Use Tailwind CSS for styling\" or \"Prioritize mobile responsiveness\").","Review and refine: The AI will generate a structured plan. Review it for completeness, then iterate by adding or adjusting features. For example, ask to include a specific authentication method (e.g., OAuth with Google).","Build incrementally: Start with the frontend (Astro/React) and backend (Cloudflare Workers) separately. Use Shadcn components for consistency and deploy to Cloudflare Pages for testing."]

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/one-ie/one

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Build a [TYPE OF TOOL: e.g., internal dashboard, customer portal, AI agent] for [COMPANY/TEAM NAME] using Astro, React, Shadcn, and Cloudflare. The tool should [SPECIFIC FUNCTION: e.g., track inventory, process customer requests, automate report generation]. Use plain English to outline the required features, user flows, and design preferences. Include [ANY ADDITIONAL DETAILS: e.g., color scheme, data sources, user roles].

Example Output

Here’s the structure for a **customer support ticketing portal** built for **GreenLeaf Organics** using Astro, React, Shadcn, and Cloudflare Workers. The tool will replace their current Google Sheets-based system, reducing response times by 40% and providing real-time analytics.

**Core Features:**
1. **Ticket Submission:** Customers submit requests via a form with dropdown menus for issue type (e.g., "Product Inquiry," "Shipping Delay"), priority levels (Low/Medium/High), and file attachments. The form integrates with their Shopify store to auto-populate order details.
2. **Agent Dashboard:** A React-based interface with Shadcn components (tables, filters, and charts) displays open tickets, assigned agents, and SLA deadlines. Agents can bulk-update statuses (e.g., "In Progress," "Resolved") and add internal notes.
3. **Automated Workflows:** Cloudflare Workers handle background tasks like sending confirmation emails via SendGrid, escalating high-priority tickets after 2 hours of inactivity, and syncing data with their Zendesk account.
4. **Analytics:** A dedicated page shows response time trends, ticket volume by issue type, and agent performance metrics (e.g., tickets resolved per hour). Charts are built with Recharts for clarity.

**Design:**
- Color scheme: GreenLeaf’s brand colors (#4CAF50 primary, #8BC34A secondary).
- Layout: Dark mode toggle for agents working late shifts.
- Data source: Direct API integration with their PostgreSQL database (hosted on Cloudflare Pages).

**Next Steps:**
- Deploy the Astro site to Cloudflare Pages with a custom domain (`support.greenleaforganics.com`).
- Set up Cloudflare Workers for the automation logic and edge functions.
- Test the ticket submission flow with 5% of customers before full rollout.