القائمة
Generates typed API clients and frontend integration code for any framework consuming the IntelliStack REST API, including auth flows, learning path UI, chatbot UI, and admin dashboards.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Produces a complete structural analysis of the IntelliStack codebase — modules, API surface, database schema, auth flows, and RAG pipeline — as a human-readable export map that any developer can use as a migration blueprint regardless of their target framework.
Migrates the IntelliStack Better-Auth OIDC authentication system to any target auth framework, preserving OAuth flows, session management, role/permission model, and JWT claim structure.
Migrates IntelliStack FastAPI routers, services, and Pydantic schemas to any target backend framework while preserving every business rule, auth guard, and error contract.
Converts IntelliStack's SQLAlchemy 2.0 models and Alembic migrations to any target ORM or database toolkit, preserving the full schema, indexes, relationships, and cascade rules.
Re-implements the IntelliStack RAG pipeline (Qdrant + Cohere + OpenAI SSE) in any target language or framework, preserving hybrid retrieval, reranking, citation architecture, and stage-based access control.
Creates assessments with varied question types (MCQ, code-completion, debugging, projects) aligned to learning objectives with meaningful distractors based on common misconceptions. Activate when educators design quizzes, exams, or tests measuring understanding; need questions at appropriate cognitive levels (Bloom's taxonomy); want balanced cognitive distribution (60%+ non-recall); or require rubrics for open-ended questions. Generates MCQs with diagnostic distractors, code-writing prompts, debugging challenges, and project-based assessments targeting deep understanding.
| name | export-frontend |
| description | Generates typed API clients and frontend integration code for any framework consuming the IntelliStack REST API, including auth flows, learning path UI, chatbot UI, and admin dashboards. |
| license | MIT |
| allowed-tools | read_file, search_code |
| metadata | {"author":"IntelliStack Team","version":"1.0.0","category":"migration"} |
Give any frontend framework a complete, typed integration layer against the IntelliStack API so developers can build UIs without reverse-engineering the backend.
NEXT_PUBLIC_API_URL / VITE_API_URLAuthorization header (or session cookie)application/json?page=1&page_size=20 → { items, total, page, page_size }{ detail: string | { field, message }[] }text/event-stream, events: data, citation, done, error| Framework | Language | Client style |
|---|---|---|
| Next.js (App) | TypeScript | Server Actions / fetch |
| Next.js (Pages) | TypeScript | SWR / React Query |
| Remix | TypeScript | loaders / actions |
| SvelteKit | TypeScript | +page.server.ts |
| Nuxt 3 | TypeScript | useFetch / $fetch |
| React + Vite | TypeScript | Axios / React Query |
| Angular | TypeScript | HttpClient service |
| Vue 3 | TypeScript | Pinia + fetch |
Determine which IntelliStack domain the developer needs:
auth — login, register, OAuth redirect, session, current userlearning — stages, lessons, exercises, progress trackingcontent — lesson list, MDX fetch, content searchrag — chatbot SSE, message history, citationsinstitution — cohorts, enrollments, instructor toolsadmin — user management, analyticsProduce a types/intellistack.ts file with:
Produce an api/intellistack.ts client with one function per endpoint:
// Example shape
export async function getLearningStages(token: string): Promise<Stage[]>
export async function enrollInCohort(cohortId: string, token: string): Promise<Enrollment>
export function streamChatMessage(
sessionId: string,
message: string,
token: string,
onChunk: (text: string) => void,
onCitation: (citation: Citation) => void,
onDone: () => void,
): () => void // returns cancel function
Produce the login / OAuth redirect / session hook for the target framework:
BETTER_AUTH_URL/auth/callback/<provider>NEXT_PUBLIC_API_URL=https://api.yourdomain.com
NEXT_PUBLIC_AUTH_URL=https://auth.yourdomain.com
NEXT_PUBLIC_GOOGLE_CLIENT_ID=... # only if using OAuth PKCE from frontend