Edmund — Agen Pengembang Full Stack AI
$49.00
Harga diskon
$49.00
Harga reguler
Lewati ke informasi produk
Edmund — Agen Pengembang Full Stack AI
$49.00
Harga diskon
$49.00
Harga reguler
⚡ Instant download
◆ Claude & ChatGPT
∞ Keep forever
Instant download · 30-day money-back guarantee. Pay once, keep forever — no subscription. Refund policy
Ubah Claude menjadi pengembang full-stack — menerima ringkasan fitur Anda dan membangunnya: skema, backend, API, frontend, dijelaskan lapis demi lapis.
- Lapisan database: skema, model, migrasi dengan keputusan yang dijelaskan
- Backend: layanan dengan penanganan kesalahan, validasi, keamanan di setiap langkah
- REST API: kontrak permintaan/respons, validasi, kode status yang benar
- Komponen frontend dengan state, pemuatan, dan penanganan kesalahan, sesuai framework Anda
- Menyadari stack: Django+React, Node+Vue, FastAPI+Next — cocok tanpa perlu penulisan ulang
Untuk pengembang, pendiri & tim teknikSeorang pengembang full-stack kontrak mengenakan biaya lebih dari $100/jam — ini membangun fitur tersebut, dijelaskan.
// what's inside
Muat Edmund ke dalam Claude dan dapatkan Senior Full Stack Developer Agent yang mengambil brief fitur Anda dan membangunnya sepenuhnya — skema database, logika backend, endpoint API, dan komponen frontend — menyampaikan kode siap produksi yang dijelaskan lapis demi lapis dengan setiap keputusan arsitektur yang dibenarkan.
Sebagian besar kode yang dihasilkan AI melewatkan blok tanpa komentar dan langsung lanjut. Edmund membangun dengan cara berbeda. Dia mengajukan pertanyaan terarah tentang stack dan kebutuhan Anda sebelum menulis satu baris pun, membangun setiap lapisan secara berurutan, memeriksa setelah setiap lapisan, dan menjelaskan setiap keputusan agar Anda memahami dan dapat memelihara apa yang dibangun. Bekerja dengan Claude, ChatGPT, atau model AI chat apa pun yang menerima prompt sistem.
Apa yang Anda dapatkan
- → Lapisan database — desain skema, model, dan migrasi dengan komentar inline dan penjelasan setiap keputusan struktural sehingga Anda memahami apa yang dibangun dan mengapa sebelum melanjutkan ke lapisan berikutnya
- → Logika backend — fungsi layanan dan pemrosesan inti dengan penanganan kesalahan, validasi input, dan pertimbangan keamanan yang ditandai di setiap langkah — bukan ditambahkan sebagai pemikiran terakhir
- → Endpoint API — endpoint REST dengan kontrak permintaan/respons, validasi, respons kesalahan, dan kode status HTTP yang benar sehingga API siap produksi sejak commit pertama
- → Komponen frontend — komponen UI dengan integrasi API, manajemen status, status pemuatan, dan penanganan kesalahan yang sudah terpasang — disesuaikan dengan framework Anda apakah React, Vue, Next.js, atau Nuxt
- → Build yang sadar stack — Edmund membangun untuk stack Anda, bukan preferensinya. Django + React, Node + Vue, FastAPI + Next.js — apa pun yang Anda gunakan, hasilnya cocok tanpa perlu penulisan ulang
- → Catatan integrasi — bagaimana lapisan terhubung, variabel lingkungan yang diperlukan, dependensi yang harus dipasang, dan kasus tepi yang diketahui untuk ditangani agar Anda bisa mengirim tanpa tebak-tebakan di akhir
📄 edmund-full-stack-developer-agent.skill
Instalasi kurang dari 2 menit
Bekerja dengan Claude, ChatGPT & AI chat apa pun
Cara memasang
Unduh paket .skill → buka Claude → muat SKILL.md ke dalam Instruksi Proyek atau prompt sistem Anda → tempel prompt aktivasi ke dalam percakapan → Edmund mengajukan pertanyaan satu per satu dan membangun fitur Anda lapis demi lapis dengan kode siap produksi yang dijelaskan. Bekerja dengan Claude (direkomendasikan), ChatGPT, atau AI chat apa pun yang menerima prompt sistem.
# Edmund — Agent Pengembang Full Stack AI Anda adalah Edmund, seorang agent pengembang full stack senior. Anda membangun fitur secara lengkap — dari database hingga frontend — dengan setiap keputusan dijelaskan agar Anda dapat memeliharanya. ## Apa yang Anda lakukan - Skema database, model, dan migrasi - Logika backend dan endpoint REST API siap produksi - Komponen frontend dengan pengelolaan state, loading, dan error ## Cara Anda bekerja 1. Tanyakan tentang stack dan kebutuhan sebelum menulis kode 2. Bangun setiap lapisan secara berurutan dan laporkan setelah masing-masing selesai 3. Bangun sesuai stack Anda, bukan preferensi default
Excerpt from the actual file you'll download.
// try it
$Berikut adalah panduan langkah demi langkah untuk membangun fitur ulasan pengguna secara menyeluruh pada aplikasi Django dan React Anda.
### Bagian Backend (Django)
1. **Buat Model Review**
Tambahkan model `Review` di `models.py` aplikasi Django Anda:
```python
from django.db import models
from django.contrib.auth.models import User
class Review(models.Model):
user = models.ForeignKey(User, on_delete=models.CASCADE)
product = models.ForeignKey('Product', on_delete=models.CASCADE) # Ganti 'Product' dengan model produk Anda
rating = models.PositiveSmallIntegerField() # Misal 1-5
comment = models.TextField(blank=True)
created_at = models.DateTimeField(auto_now_add=True)
def __str__(self):
return f'Review by {self.user.username} - {self.rating} stars'
```
2. **Buat Serializer**
Di `serializers.py`:
```python
from rest_framework import serializers
from .models import Review
class ReviewSerializer(serializers.ModelSerializer):
user = serializers.StringRelatedField(read_only=True)
class Meta:
model = Review
fields = ['id', 'user', 'product', 'rating', 'comment', 'created_at']
read_only_fields = ['id', 'user', 'created_at']
```
3. **Buat Viewset atau API View**
Di `views.py`:
```python
from rest_framework import viewsets, permissions
from .models import Review
from .serializers import ReviewSerializer
class ReviewViewSet(viewsets.ModelViewSet):
serializer_class = ReviewSerializer
permission_classes = [permissions.IsAuthenticatedOrReadOnly]
def get_queryset(self):
product_id = self.request.query_params.get('product')
if product_id:
return Review.objects.filter(product_id=product_id).order_by('-created_at')
return Review.objects.all().order_by('-created_at')
def perform_create(self, serializer):
serializer.save(user=self.request.user)
```
4. **Tambahkan URL**
Di `urls.py`:
```python
from django.urls import path, include
from rest_framework.routers import DefaultRouter
from .views import ReviewViewSet
router = DefaultRouter()
router.register(r'reviews', ReviewViewSet, basename='review')
urlpatterns = [
path('api/', include(router.urls)),
]
```
5. **Migrasi Database**
```bash
python manage.py makemigrations
python manage.py migrate
```
---
### Bagian Frontend (React)
1. **Install Axios**
```bash
npm install axios
```
2. **Buat Komponen ReviewList**
Menampilkan daftar ulasan untuk produk tertentu.
```jsx
import React, { useEffect, useState } from 'react';
import axios from 'axios';
const ReviewList = ({ productId }) => {
const [reviews, setReviews] = useState([]);
useEffect(() => {
axios.get(`/api/reviews/?product=${productId}`)
.then(res => setReviews(res.data))
.catch(err => console.error(err));
}, [productId]);
return (
);
};
export default ReviewList;
```
3. **Buat Komponen ReviewForm**
Form untuk menambahkan ulasan baru.
```jsx
import React, { useState } from 'react';
import axios from 'axios';
const ReviewForm = ({ productId, onReviewAdded }) => {
const [rating, setRating] = useState(5);
const [comment, setComment] = useState('');
const [error, setError] = useState(null);
const handleSubmit = async (e) => {
e.preventDefault();
setError(null);
try {
await axios.post('/api/reviews/', { product: productId, rating, comment }, {
headers: {
Authorization: `Bearer ${localStorage.getItem('token')}`, // Sesuaikan dengan metode autentikasi Anda
}
});
setRating(5);
setComment('');
onReviewAdded();
} catch (err) {
setError('Gagal mengirim ulasan.');
}
};
return (
Ulasan Pengguna
{reviews.length === 0 &&Belum ada ulasan.
} {reviews.map(review => (
{review.user} - {review.rating} ⭐
))}
{review.comment}
{new Date(review.created_at).toLocaleString()}