introduce ui rules

[SaxonF]

Adds a cursor rules file for basic instructions on how to compose pages and interfaces in Studio.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
design-system	Ready	Preview	Comment	Sep 16, 2025 0:27am
docs	Ready	Preview	Comment	Sep 16, 2025 0:27am
studio-self-hosted	Ready	Preview	Comment	Sep 16, 2025 0:27am
studio-staging	Ready	Preview	Comment	Sep 16, 2025 0:27am
ui-library	Ready	Preview	Comment	Sep 16, 2025 0:27am
zone-www-dot-com	Ready	Preview	Comment	Sep 16, 2025 0:27am

2 Skipped Deployments

Project	Deployment	Preview	Comments	Updated (UTC)
cms	Ignored			Sep 16, 2025 0:27am
studio	Ignored			Sep 16, 2025 0:27am

[supabase]

This pull request has been ignored for the connected project xguihxuzqibwxjnimxev because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

[joshenlim]

Approving to unblock 🙂

[machathc-dev]

Hi, I'm @machathc-dev 👋

A concise, modern GitHub profile README — crafted to showcase your work, speak to collaborators, and convert visitors into contributors or contacts.
Replace the placeholders below with your personal details and links — I’ll refine the copy once you share them.

---

About Me

I'm a [profession / role] who loves building [product types or domains — e.g., web apps, developer tools, ML models]. I focus on creating pragmatic, well-tested software and sharing what I learn along the way.

• 🔭 Currently working on: [project name or focus area]
• 🌱 Learning: [what you're learning now]
• 👯 Looking to collaborate on: [types of projects you want to collaborate on]
• 💬 Ask me about: [topics you enjoy discussing or mentoring in]
• 📫 How to reach me: [email@example.com] or see the links below
• ⚡ Fun fact: [a short personal or technical fun fact]

---

What I Do

I turn ideas into production systems — from prototyping to deployment. I enjoy:

• Building clean APIs and meaningful developer experiences
• Designing maintainable frontend and backend architectures
• Automating workflows with CI/CD
• Improving reliability and observability

---

Skills & Technologies

Languages & Frameworks

• JavaScript / TypeScript, Python, Go, [add yours]
• React, Next.js, Node.js, Express, Flask, [add yours]

Tools & Platforms

• Docker, Kubernetes, GitHub Actions, Terraform, AWS, GCP
• Postgres, Redis, Elasticsearch, RabbitMQ

Practices

• TDD / unit & integration testing
• CI/CD pipelines, code review, incremental design
• Accessibility and performance optimization

---

Featured Projects

Below are highlights — replace these with your favorite repositories (one-line description, tech stack, link).

• Project One — Short description. Tech: React, Node, PostgreSQL.
• Project Two — Short description. Tech: Python, Flask, Celery.
• Project Three — Short description. Tech: Go, gRPC, Docker.

Tip: Add GIFs or screenshots in each project repo README for higher impact.

---

Open Source & Contributions

I contribute to open source by:

• Maintaining [repo-name] — description of maintenance
• Reviewing PRs in [community/repo]
• Writing clear issues and docs to lower onboarding friction

If you’d like to collaborate, open an issue or send a DM on one of my socials.

---

How to Contribute to This Profile

1. Fork this repo.
2. Edit the README.md with your details and favorite projects.
3. Open a PR with a short description of what you updated.

If you want, I can update this file for you — tell me the details below and I’ll produce a polished final version.

---

GitHub Stats (optional)

Add the following to your README to show dynamic GitHub stats:

<!-- GitHub Readme Stats -->
![machathc-dev's GitHub stats](https://github-readme-stats.vercel.app/api?username=machathc-dev&show_icons=true&theme=default)

<!-- Top Languages -->
![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=machathc-dev&layout=compact)

Replace machathc-dev with your username or keep as-is.

---

Let's Connect

• Website: https://your-website.example
• Email: your.email@example.com
• LinkedIn: https://linkedin.com/in/your-profile
• Twitter/X: https://twitter.com/your-handle
• Mastodon: @your@instance.example (optional)
• Portfolio / Blog: https://your-blog.example

---

Final Call to Action

If you like what you see, star a repo, open an issue, or reach out — I'm always happy to chat about interesting problems or potential collaborations.

---

Thank you for visiting — want this README tailored perfectly to you? Scroll down and send me the details requested below.