本文へ移動
cccskills
無料GitHub で公開

fullstack-expert

Expert-level fullstack development guide covering multi-language (TypeScript, Python, Go, Rust), API design (OpenAPI 3.1, gRPC), microservices, system design patterns, and polyglot architecture / Panduan fullstack tingkat ahli mencakup multi-bahasa, desain API, microservices, dan arsitektur polyglot.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plugスター 115(GitHub 115 + cccskills 0)
連携ツールPostgreSQLRedis

実行スコア 未検証

インストール方法を見る

含まれるファイル(7)

  • SKILL.md9.5 KB
  • references/api_design_guide.md11.2 KB
  • references/devops_infrastructure.md11.7 KB
  • references/multi_language_backend.md13.2 KB
  • references/system_design_patterns.md10.0 KB
  • scripts/api_contract_validator.py8.9 KB
  • scripts/architecture_analyzer.py12.1 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Fullstack Expert (2026 Polyglot & Systems Edition)

English | Bahasa Indonesia


<a name="english"></a>

English

Orchestration & Integration

Connects and orchestrates with domain skills:

  • Frontend & Fullstack DX: senior-frontend, nextjs-app-router-expert, design-system-architect, and monorepo-architect for shared workspace types and end-to-end type safety.
  • Polyglot Backends: js-backend-expert, python-programming-expert, go-programming-expert, and rust-programming-expert for heterogeneous microservices and high-throughput pipelines.
  • Contracts & APIs: api-design-expert, openapi-swagger-codegen-expert, spec-driven-development-expert, and graphql-apollo-expert.
  • Database & State: database-orm-expert (Prisma/Drizzle/SQLx) and vector-db-rag-expert (pgvector).
  • Quality & Anti-Slop: anti-slop, autonomous-tdd-debugger, and e2e-testing-expert.
  • Master Orchestrator: brainstorming and zero-to-prod-orchestrator.

Description

Expert-level fullstack development across multiple languages and frameworks. Focuses on polyglot backend architectures, system design patterns (Event-Driven Saga, CQRS), API contracts (OpenAPI 3.1, gRPC), and monorepo shared types.

Trigger Conditions

  • Choosing the right language and framework for a multi-service architecture.
  • Designing API contracts (REST, gRPC, Hono RPC) between heterogeneous services.
  • Implementing distributed system design patterns (Saga, CQRS).
  • Setting up a polyglot monorepo with shared types across frontend and backend.

2026 Polyglot Architecture Matrix

For comprehensive frontend UI architecture, see senior-frontend and nextjs-app-router-expert. For dedicated AI agent workflows and LLM integrations, see ai-llm-integration-expert and multi-agent-orchestration.

LanguagePrimary FrameworksIdeal Workloads
TypeScriptHono, Fastify 5, NestJSServerless, Edge APIs, type-safe RPC
PythonFastAPI 0.115+, Django 5Data science, LLM orchestration, async queues
Gonet/http (Go 1.25+), Gin, EchoUltra-high throughput microservices, networking, CLIs
RustAxum 0.8, Actix-web 4High-performance compute, memory safety, WASM

Infrastructure & Multi-Service Storage

  • Primary OLTP: PostgreSQL with connection pooling (PgBouncer / Supavisor).
  • Analytics OLAP: ClickHouse / DuckDB for high-speed aggregations.
  • Cache & Ephemeral State: Redis / Upstash with TTL.
  • Vector Search: pgvector or Qdrant for semantic search.

API Design Standards

REST — OpenAPI 3.1

openapi: "3.1.0"
info:
  title: "SaaS Multi-Service API"
  version: "1.0.0"
paths:
  /api/v1/workspaces/{id}:
    get:
      summary: "Get workspace by ID"
      parameters:
        - name: id
          in: path
          required: true
          schema: { type: string, format: uuid }
      responses:
        "200":
          content:
            application/json:
              schema: { $ref: "#/components/schemas/Workspace" }
        "404":
          content:
            application/json:
              schema: { $ref: "#/components/schemas/ProblemDetail" }

gRPC — Protocol Buffers (proto3)

syntax = "proto3";
package user.v1;

service UserService {
  rpc GetUser (GetUserRequest) returns (User);
  rpc ListUsers (ListUsersRequest) returns (stream User);
  rpc CreateUser (CreateUserRequest) returns (User);
}

message User {
  string id = 1;
  string email = 2;
  string name = 3;
  repeated string workspace_ids = 4;
}

Microservice Patterns

Event-Driven (Saga Pattern with Compensations)

Order Service ──publishes──> "order.created" ──> Payment Service
                                                      │
                                               ┌──────┴──────┐
                                          success?       failure?
                                               │               │
                                    "payment.succeeded"  "payment.failed"
                                               │               │
                                       Inventory Service  Order Service
                                       (reserve stock)    (cancel order)

CQRS (Command Query Responsibility Segregation)

  • Write side: Commands validate and update the primary relational database.
  • Read side: Events project into read-optimized denormalized views or ClickHouse tables for high-frequency queries.

AI-Native Backend Integration

import { generateObject } from 'ai';
import { anthropic } from '@ai-sdk/anthropic';
import { z } from 'zod';

app.post('/api/analyze', async (c) => {
  const { content } = await c.req.json();
  const { object } = await generateObject({
    model: anthropic('claude-3-7-sonnet-20250219'),
    schema: z.object({
      sentiment: z.enum(['positive', 'neutral', 'negative']),
      topics: z.array(z.string()),
      summary: z.string().max(200),
    }),
    prompt: `Analyze: ${content}`,
  });
  return c.json(object);
});

Monorepo with Shared Types

// packages/types/src/index.ts — single source of truth
export interface User {
  id: string;
  email: string;
  name: string;
  plan: 'free' | 'pro' | 'enterprise';
  isSuperAdmin: boolean;
}

Production Security Checklist

  • User inputs validated with Zod / Pydantic on the server.
  • Parameterized queries enforced across all database layers.
  • Rate limiting on all public endpoints (rate-limit-abuse-prevention).
  • Super Admin routes strictly isolated to dedicated subdomain.

<a name="bahasa-indonesia"></a>

Bahasa Indonesia

Integrasi Orkestrasi

Terhubung dan mengorkestrasi bersama skill domain:

  • Frontend & Fullstack DX: senior-frontend, nextjs-app-router-expert, design-system-architect, dan monorepo-architect untuk tipe data bersama monorepo dan keamanan tipe end-to-end.
  • Backend Polyglot: js-backend-expert, python-programming-expert, go-programming-expert, dan rust-programming-expert untuk microservices heterogen dan pipeline komputasi tinggi.
  • Kontrak & API: api-design-expert, openapi-swagger-codegen-expert, spec-driven-development-expert, dan graphql-apollo-expert.
  • Database & State: database-orm-expert (Prisma/Drizzle/SQLx) dan vector-db-rag-expert (pgvector).
  • Kualitas & Anti-Slop: anti-slop, autonomous-tdd-debugger, dan e2e-testing-expert.
  • Orkestrator Utama: brainstorming dan zero-to-prod-orchestrator.

Deskripsi

Panduan pengembangan fullstack tingkat ahli lintas bahasa pemrograman dan framework. Berfokus pada arsitektur backend polyglot, pola desain sistem terdistribusi (Event-Driven Saga, CQRS), kontrak antarmuka API (OpenAPI 3.1, gRPC), dan monorepo dengan type sharing terpadu.

Kondisi Pemicu

  • Memilih bahasa dan framework yang tepat untuk arsitektur multi-service (TypeScript, Python, Go, Rust).
  • Merancang kontrak API (REST, gRPC, Hono RPC) antar-layanan heterogen.
  • Mengimplementasikan pola arsitektur terdistribusi (Saga dengan rollback kompensasi, CQRS).
  • Menyiapkan monorepo polyglot dengan tipe data yang dibagikan antara frontend dan backend.

Matriks Arsitektur Polyglot 2026

BahasaFramework UtamaKasus Penggunaan Ideal
TypeScriptHono, Fastify 5, NestJSEdge APIs, Serverless, RPC type-safe end-to-end
PythonFastAPI 0.115+, Pydantic AIPipeline data, orkestrasi LLM, antrean tugas ML
Gonet/http (Go 1.25+), Gin, EchoMicroservice throughput ultra-tinggi, networking, CLI tools
RustAxum 0.8, Actix-webKomputasi performa kritis, keamanan memori, WASM

Infrastruktur & Database Multi-Service

  • OLTP Primer: PostgreSQL dengan connection pooling (PgBouncer / Supavisor).
  • OLAP Analitik: ClickHouse / DuckDB untuk agregasi metrik berkecepatan tinggi.
  • Cache & State Ephemeral: Redis / Upstash dengan TTL ketat.
  • Pencarian Vektor: pgvector (HNSW) atau Qdrant untuk penelusuran semantik.

Implementasi Pola Kunci (TypeScript & OpenAPI 3.1)

1. Kontrak OpenAPI 3.1 untuk Layanan SaaS

openapi: "3.1.0"
info:
  title: "API Multi-Layanan SaaS"
  version: "1.0.0"
paths:
  /api/v1/workspaces/{id}:
    get:
      summary: "Mengambil data workspace berdasarkan ID"
      parameters:
        - name: id
          in: path
          required: true
          schema: { type: string, format: uuid }
      responses:
        "200":
          content:
            application/json:
              schema: { $ref: "#/components/schemas/Workspace" }

2. Definisi Kontrak gRPC Protocol Buffers (proto3)

syntax = "proto3";
package user.v1;

service LayananPengguna {
  rpc DapatkanPengguna (PermintaanPengguna) returns (Pengguna);
  rpc BuatPengguna (PermintaanBuatPengguna) returns (Pengguna);
}

message Pengguna {
  string id = 1;
  string email = 2;
  string nama = 3;
}

3. Tipe Bersama Monorepo (packages/types/src/index.ts)

export interface ProfilPengguna {
  id: string;
  email: string;
  nama: string;
  paketLangganan: 'gratis' | 'pro' | 'enterprise';
  isSuperAdmin: boolean;
}

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

A2A agent protocol interoperability, Agent Cards, and MCP bridging / Protokol agen A2A, Agent Cards, dan integrasi MCP.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Expert guide for automated and manual Web Accessibility (a11y) testing — axe-core, Pa11y, Playwright a11y, screen reader testing, and WCAG 2.2 Level AA/AAA compliance / Panduan ahli pengujian aksesibilitas web.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Web accessibility testing with axe-core, Playwright, and WCAG 2.2 / Pengujian aksesibilitas web axe-core, Playwright, dan WCAG 2.2.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Model cascading & complexity-scored routing (Grok, Gemini, Claude) / Routing kaskade model & scoring kompleksitas (Grok, Gemini, Claude).

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Expert guide for intelligent model cascading and routing — complexity-scored task routing from Flash/Haiku to Sonnet/Opus/Astra, dynamic escalation with quality gates, 40-60% token cost reduction while maintaining output quality / Panduan ahli untuk kaskade dan routing model cerdas — routing tugas berbasis skor kompleksitas dari Flash/Haiku ke Sonnet/Opus/Astra, eskalasi dinamis dengan gerbang kualitas, pengurangan biaya token 40-60% dengan kualitas output terjaga.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Affective computing, emotion AI, and multimodal sentiment analysis / Komputasi afektif, AI emosional, dan analisis sentimen multimodal.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

roedyrustam のスキルをすべて見る

このスキルの問題を報告する