🌟 Developer Resources Hub

Koleksi terkurasi tools terbaik untuk developer, AI engineer & marketer — semua dalam satu tempat

Semua resource yang Anda butuhkan sebagai developer modern — AI tools, Claude Code skills, marketing automation, Rails ecosystem, dan lebih banyak lagi. Dikurasi, dijelaskan, dan diorganisir untuk Anda.

┌────────────────────────────────────────────────────────────────────┐
│                    RESOURCE HUB CATEGORIES                         │
├────────────────────────────────────────────────────────────────────┤
│  🤖 AI & Claude Code Skills   (9 resources)                        │
│  ⚡ AI Developer Tools        (7 resources)                        │
│  📱 Frontend & UI             (5 resources)                        │
│  💎 Ruby on Rails Ecosystem   (10 resources)                       │
│  🛠️ Developer Productivity    (3 resources)                        │
│  📊 Business & Marketing      (2 resources)                        │
└────────────────────────────────────────────────────────────────────┘

🤖 AI & Skills · ⚡ AI Tools · 📱 Frontend · 💎 Rails · 🛠️ Productivity

🤖 AI & Claude Code Skills

Tools dan skills untuk AI coding agents — Claude Code, Cursor, Codex, dan agentic workflows

1. 📊 Marketing Skills for AI Agents

Repo: azizaeffendi/marketingskills (fork dari coreyhaines31/marketingskills)

Apa ini? Kumpulan skill untuk Claude Code dan AI agents yang fokus pada marketing — CRO, copywriting, SEO, analitik, dan growth engineering. Agents menggunakan skills ini sebagai instruksi untuk menjalankan task marketing secara otomatis.

Cara Pakai:

# Install via npx
npx skills install marketingskills

# Atau clone langsung
git clone https://github.com/azizaeffendi/marketingskills.git

Use Cases:

Generate copy iklan dengan AI agent
Audit SEO halaman website otomatis
Buat email sequence dengan satu command
Analisis kompetitor secara otomatis

2. 🔒 Cybersecurity Skills for AI Agents

Repo: azizaeffendi/cybersecurity-skills (fork dari briiirussell)

Apa ini? Skills cybersecurity untuk Claude Code, Cursor, dan Codex. Membantu AI agents melakukan security audit, vulnerability scanning, dan best practice implementation.

Skills yang Termasuk:

Security code review
OWASP top 10 checking
Dependency vulnerability scan
Secure coding practices

Cara Pakai:

npx skills install cybersecurity-skills
# Lalu di Claude Code: /security-audit

3. 🎨 Design Plugin for AI Agents

Repo: azizaeffendi/design-plugin (fork dari 0xdesign)

Apa ini? Plugin TypeScript untuk AI coding agents yang membantu dengan keputusan desain — UI patterns, accessibility, dan visual hierarchy.

Cara Pakai:

# Tambahkan ke Claude Code
claude mcp add design-plugin

4. 🔗 Qwoted SEO Backlinks Skill

Repo: azizaeffendi/qwoted-seo-backlinks-skill (fork dari Bomx)

Apa ini? Skill Python untuk Claude Code — secara otomatis menemukan peluang backlink di Qwoted dan membangun strategi link building dengan AI.

Cara Pakai:

# Setup credential Qwoted di .env
QWOTED_API_KEY=your_key

# Di Claude Code:
/find-backlink-opportunities --niche "marketing automation"

5. 🤖 Codex Second Opinion Skill

Repo: azizaeffendi/codex-skill (fork dari cathrynlavery)

Apa ini? Shell skill yang memberi Claude Code "second opinion" menggunakan OpenAI Codex — otomatis membuat plan alternatif dan solusi cadangan untuk setiap task.

Cara Pakai:

# Add ke Claude Code skills
# Saat Claude merencanakan task, Codex akan berikan alternatif
/second-opinion "implement user authentication"

6. ✍️ Writing Style Hack

Repo: azizaeffendi/writing-style-hack (fork dari JJenglert1)

Apa ini? Teknik untuk membuat AI menulis dengan gaya yang sangat spesifik dan konsisten — bukan generik. Sangat berguna untuk brand voice dan content marketing.

7. 🏢 Compound Engineering Plugin

Repo: azizaeffendi/compound-engineering-plugin (fork dari EveryInc)

Apa ini? Plugin resmi Compound Engineering untuk Claude Code, Codex, Cursor, dan AI coding agents lainnya. Membantu workflow engineering yang kompleks.

8. 👔 Hermes Chief of Staff

Repo: azizaeffendi/hermes-chief-of-staff (fork dari TheCraigHewitt)

Apa ini? AI Chief of Staff yang membantu mengorganisir, prioritaskan, dan eksekusi task-task penting. Seperti punya asisten pribadi yang berbasis AI.

9. 🚀 Vercel Agent Skills

Repo: azizaeffendi/agent-skills (fork dari vercel-labs)

Apa ini? Koleksi resmi Vercel untuk agent skills — deployment, preview, DNS management, dan Vercel platform operations untuk AI coding agents.

Cara Pakai:

npx skills install @vercel/agent-skills
# Agent bisa langsung deploy: /deploy to vercel

⚡ AI Developer Tools

Tools AI yang langsung bisa digunakan untuk development dan produktivitas

10. 🦜 Open Interpreter

Repo: azizaeffendi/open-interpreter (fork dari openinterpreter)

⭐ 63K+ stars — Salah satu AI tool paling powerful yang tersedia

Apa ini? Interface bahasa natural untuk komputer Anda. Ketik apa yang ingin dilakukan, Open Interpreter akan menulis dan menjalankan kode untuk Anda — Python, JavaScript, Shell, dan lainnya.

Cara Install:

pip install open-interpreter
interpreter

Contoh Penggunaan:

> Analisis file CSV penjualan saya dan buat grafik
> Download semua gambar dari website ini
> Edit semua foto di folder ini menjadi 800x600
> Buat spreadsheet dari data JSON ini

Why It's Amazing: Bayangkan punya programmer yang bisa mengeksekusi kode apapun di komputer Anda hanya dengan instruksi bahasa natural.

11. 🦞 OpenClaw — Personal AI Assistant

Repo: azizaeffendi/openclaw (fork dari openclaw)

Apa ini? AI assistant personal yang berjalan di semua OS dan platform. "The lobster way" — powerful, local-first AI assistant.

12. ⚡ Claw Code

Repo: azizaeffendi/claw-code (fork dari ultraworkers)

Apa ini? AI coding assistant yang ditulis dengan Rust — blazingly fast performance.

13. 🗺️ Geo AEO Tracker

Repo: azizaeffendi/geo-aeo-tracker (fork dari danishashko)

Apa ini? Open-source AI visibility intelligence dashboard. Track visibility AI Anda di berbagai platform dan geolokasi — essential untuk AEO (Answer Engine Optimization).

Cara Setup:

git clone https://github.com/azizaeffendi/geo-aeo-tracker.git
npm install && npm run dev

Use Case: Monitor seberapa sering brand/bisnis Anda muncul di jawaban AI (ChatGPT, Claude, Perplexity) untuk berbagai pertanyaan.

14. 💬 NanoChat by Karpathy

Repo: azizaeffendi/nanochat (fork dari karpathy)

Apa ini? ChatGPT terbaik yang bisa dibuat dengan $100 — oleh Andrej Karpathy (mantan Director of AI Tesla, OpenAI). Minimal, efisien, dan educational.

Cara Pakai:

git clone https://github.com/azizaeffendi/nanochat.git
pip install -r requirements.txt
python chat.py

15. 🎨 JSON Render — Generative UI

Repo: azizaeffendi/json-render (fork dari vercel-labs)

Apa ini? Framework Generative UI dari Vercel Labs. AI dapat merender UI components secara dinamis berdasarkan JSON output — masa depan dari AI-driven interfaces.

16. 🔄 Workflow Builder Template

Repo: azizaeffendi/workflow-builder-template (fork dari vercel-labs)

Apa ini? Template platform visual AI workflow automation dari Vercel Labs. Build drag-and-drop AI workflow builders.

📱 Frontend & UI Components

Library komponen dan tools untuk membangun UI yang indah

17. 🗺️ MapCN — Beautiful Map Components

Repo: azizaeffendi/mapcn (fork dari AnmolSaini16)

⭐ 9.6K+ stars

Apa ini? Komponen peta yang indah — 100% gratis, zero config, one command setup. TypeScript, React-ready.

Cara Install:

npx create-mapcn@latest
# Selesai! Map siap dalam 60 detik

18. 📱 Capacitor — Cross-Platform Apps

Repo: azizaeffendi/capacitor (fork dari ionic-team)

⭐ 15.8K+ stars — By Ionic Team

Apa ini? Build cross-platform Native Progressive Web Apps untuk iOS, Android, dan Web dengan satu codebase. Alternatif React Native yang menggunakan web teknologi.

Cara Pakai:

npm install @capacitor/core @capacitor/cli
npx cap init
npx cap add ios
npx cap add android

19. 🎨 Instruckt Laravel

Repo: azizaeffendi/instruckt-laravel (fork dari joshcirre)

Apa ini? Visual feedback tool untuk agentic Laravel workflow. Berikan instruksi visual ke AI agent yang bekerja dengan Laravel project Anda.

20. 🧩 Maquina Components

Repo: azizaeffendi/maquina_components (fork dari maquina-app)

Apa ini? Modern UI components untuk Ruby on Rails, powered by TailwindCSS dan Stimulus. Copy-paste components untuk Rails developers.

21. 🎨 TailwindCSS Stimulus Components

Repo: azizaeffendi/tailwindcss-stimulus-components (fork dari excid3)

Apa ini? Set StimulusJS components untuk TailwindCSS apps. Mirip Bootstrap tapi untuk Tailwind + Stimulus.

💎 Ruby on Rails Ecosystem

Tools terbaik untuk membangun aplikasi Ruby on Rails

22. 💳 Pay — Payments for Rails

Repo: azizaeffendi/pay (fork dari pay-rails)

⭐ 2.2K+ stars

Apa ini? Payments untuk Ruby on Rails apps. Integrasi Stripe, Braintree, Paddle, dan lainnya dengan gem yang sederhana.

Cara Install:

# Gemfile
gem 'pay'

# Terminal
bundle install
rails pay:install:migrations
rails db:migrate

23. 🗂️ Pagy — Best Pagination Gem

Repo: azizaeffendi/pagy (fork dari ddnexus)

⭐ 5K+ stars — 🏆 The Best Pagination Ruby Gem

Apa ini? Pagination gem tercepat dan paling efisien untuk Ruby. 40x lebih cepat dari Kaminari, 36x lebih cepat dari WillPaginate.

24. 🏠 Madmin — Admin Interface for Rails

Repo: azizaeffendi/madmin (fork dari excid3)

Apa ini? Robust Admin Interface untuk Ruby on Rails. Alternative yang lebih modern dari ActiveAdmin.

25. 🚀 GoRails App Template

Repo: azizaeffendi/gorails-app-template (fork dari excid3)

Apa ini? Template Rails application yang langsung siap dengan fitur-fitur penting — dari GoRails.com.

Cara Pakai:

rails new myapp -d postgresql \
  -m https://raw.githubusercontent.com/azizaeffendi/gorails-app-template/master/template.rb

26. ⚡ SpeedRail — Rails 8 Template

Repo: azizaeffendi/speedrail (fork dari ryanckulp)

Apa ini? Rails 8 app template dengan Devise auth, Stripe billing, Tailwind CSS, admin panel. Mulai SaaS dalam hitungan menit.

27. 🤖 Ruby OpenAI

Repo: azizaeffendi/ruby-openai (fork dari alexrudall)

⭐ 3.2K+ stars — GPT-5 & Realtime WebRTC compatible

Apa ini? OpenAI API wrapper untuk Ruby. Integrasi GPT, DALL-E, Whisper, dan semua OpenAI models ke Ruby/Rails app.

gem 'ruby-openai'

client = OpenAI::Client.new(access_token: ENV["OPENAI_API_KEY"])
response = client.chat(parameters: {
  model: "gpt-4o",
  messages: [{ role: "user", content: "Hello!" }]
})

28. 🦞 Hotwire Combobox

Repo: azizaeffendi/hotwire_combobox (fork dari josefarias)

Apa ini? Accessible autocomplete/combobox untuk Ruby on Rails — menggunakan Hotwire (Turbo + Stimulus).

29. 📋 Fizzy — Kanban by Basecamp

Repo: azizaeffendi/fizzy (fork dari basecamp)

⭐ 7.8K+ stars — By Basecamp (creators of Ruby on Rails)

Apa ini? Kanban as it should be — bukan sebagaimana yang selama ini ada. Project management tool open source dari Basecamp.

30. 🛒 Product Hunt Upvotes Tracker

Repo: azizaeffendi/product_hunt_upvotes (fork dari ryanckulp)

Apa ini? Download CSV upvotes dari Product Hunt — analisis siapa yang upvote produk Anda untuk outreach dan audience building.

🛠️ Developer Productivity

Tools yang meningkatkan produktivitas developer sehari-hari

31. 📨 TextBelt — Free SMS API

Repo: azizaeffendi/textbelt (fork dari typpo)

⭐ 3.3K+ stars

Apa ini? API gratis untuk mengirim SMS keluar. Cocok untuk OTP, notifikasi, dan alerts tanpa biaya tinggi.

Cara Pakai:

# Self-host
git clone https://github.com/azizaeffendi/textbelt.git
npm install

# Via API
curl -X POST https://textbelt.com/text \
  -d phone=08123456789 \
  -d message='Hello from TextBelt!' \
  -d key=textbelt

32. 💬 SLK — Blazingly Fast Slack TUI

Repo: azizaeffendi/slk (fork dari gammons)

Apa ini? Terminal UI (TUI) untuk Slack yang ditulis dengan Go. Akses Slack langsung dari terminal tanpa membuka browser/app berat.

# Install
go install github.com/azizaeffendi/slk@latest
slk

33. ⌨️ Espanso — Cross-Platform Text Expander

Repo: azizaeffendi/espanso (fork dari espanso)

⭐ 13.9K+ stars — Privacy-first, written in Rust

Apa ini? Text expander yang berjalan di semua OS. Ketik shortcut, dapatkan teks panjang. Sangat berguna untuk developer dan marketer.

Contoh Setup:

# ~/.config/espanso/match/base.yml
matches:
  - trigger: ":email"
    replace: "hello@yourdomain.com"
  
  - trigger: ":addr"
    replace: "Jl. Sudirman No. 1, Jakarta Selatan"
  
  - trigger: ":wa"
    replace: "Halo! Terima kasih sudah menghubungi kami 😊"
  
  - trigger: ":sign"
    replace: |
      Best regards,
      Muhammad Aziz A Effendi
      Full-Stack Developer | AI Marketing Engineer

📊 Business & Marketing Resources

34. 🛍️ Awesome Black Friday Deals

Repo: azizaeffendi/Awesome-Black-Friday-Cyber-Monday (fork dari trungdq88)

⭐ 7.5K+ stars

Apa ini? Koleksi deals terbaik app, software, dan SaaS saat Black Friday dan Cyber Monday. Di-maintain setiap tahun oleh komunitas.

Use Case: Hemat ribuan dolar untuk tools yang Anda gunakan setiap tahun dengan memanfaatkan diskon ini.

🗺️ Quick Navigation

Kategori	Jumlah	Repos
🤖 AI & Claude Code Skills	9	marketingskills, cybersecurity-skills, design-plugin, qwoted-seo-backlinks-skill, codex-skill, writing-style-hack, compound-engineering-plugin, hermes-chief-of-staff, agent-skills
⚡ AI Developer Tools	7	open-interpreter, openclaw, claw-code, geo-aeo-tracker, nanochat, json-render, workflow-builder-template
📱 Frontend & UI	5	mapcn, capacitor, instruckt-laravel, maquina_components, tailwindcss-stimulus-components
💎 Ruby on Rails	10	pay, pagy, madmin, gorails-app-template, speedrail, ruby-openai, hotwire_combobox, fizzy, product_hunt_upvotes, ruby-openai
🛠️ Productivity	3	textbelt, slk, espanso
📊 Business	1	Awesome-Black-Friday-Cyber-Monday

🔗 Terhubung dengan Saya

Semua resource ini dikurasi dan diorganisir oleh:

Muhammad Aziz A Effendi Full-Stack Developer · AI Marketing Engineer · Indonesia

Butuh bantuan implementasi salah satu tool ini? Hubungi saya →

📜 Lisensi

Semua repository di sini adalah fork dari karya original masing-masing author. Kredit sepenuhnya milik para pencipta aslinya. Panduan dan penjelasan di README ini:

⭐ Jika resource hub ini berguna, berikan star!

Diupdate secara berkala dengan tools baru yang terbaik.

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
guides		guides
LICENSE		LICENSE
QUICK-REFERENCE.md		QUICK-REFERENCE.md
README.md		README.md

Folders and files

Latest commit

History

Repository files navigation

🌟 Developer Resources Hub

🤖 AI & Claude Code Skills

1. 📊 Marketing Skills for AI Agents

2. 🔒 Cybersecurity Skills for AI Agents

3. 🎨 Design Plugin for AI Agents

4. 🔗 Qwoted SEO Backlinks Skill

5. 🤖 Codex Second Opinion Skill

6. ✍️ Writing Style Hack

7. 🏢 Compound Engineering Plugin

8. 👔 Hermes Chief of Staff

9. 🚀 Vercel Agent Skills

⚡ AI Developer Tools

10. 🦜 Open Interpreter

11. 🦞 OpenClaw — Personal AI Assistant

12. ⚡ Claw Code

13. 🗺️ Geo AEO Tracker

14. 💬 NanoChat by Karpathy

15. 🎨 JSON Render — Generative UI

16. 🔄 Workflow Builder Template

📱 Frontend & UI Components

17. 🗺️ MapCN — Beautiful Map Components

18. 📱 Capacitor — Cross-Platform Apps

19. 🎨 Instruckt Laravel

20. 🧩 Maquina Components

21. 🎨 TailwindCSS Stimulus Components

💎 Ruby on Rails Ecosystem

22. 💳 Pay — Payments for Rails

23. 🗂️ Pagy — Best Pagination Gem

24. 🏠 Madmin — Admin Interface for Rails

25. 🚀 GoRails App Template

26. ⚡ SpeedRail — Rails 8 Template

27. 🤖 Ruby OpenAI

28. 🦞 Hotwire Combobox

29. 📋 Fizzy — Kanban by Basecamp

30. 🛒 Product Hunt Upvotes Tracker

🛠️ Developer Productivity

31. 📨 TextBelt — Free SMS API

32. 💬 SLK — Blazingly Fast Slack TUI

33. ⌨️ Espanso — Cross-Platform Text Expander

📊 Business & Marketing Resources

34. 🛍️ Awesome Black Friday Deals

🗺️ Quick Navigation

🔗 Terhubung dengan Saya

📜 Lisensi

About

Topics

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors

Uh oh!

Packages