القائمة
Scaffold, build, and extend the React frontend. Use when the user asks to add pages, components, routes, layouts, hooks, or connect the frontend to the API.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Build and extend the personalization system. Use when adding behavior tracking, user preferences, personalized feeds, or privacy controls.
Build and extend the recommendation engine. Use when adding related posts, trending, personalized feeds, or saved posts.
Build and extend the search system. Use when adding search routes, indexing, ranking, filters, or search analytics.
Seo Keyword Research capability
Affiliate click and conversion tracking skill for DZIRE_v1. Records clicks, attributes conversions via session/click ID, and manages payout records.
Stripe payment integration skill for DZIRE_v1. Handles Checkout sessions, webhook verification, customer management, and payment security.
| name | frontend-builder |
| description | Scaffold, build, and extend the React frontend. Use when the user asks to add pages, components, routes, layouts, hooks, or connect the frontend to the API. |
| category | build |
| version | v1.0 |
| inputs | ["user request","existing frontend structure","API contracts from api/"] |
| outputs | ["React components","Page files","Route definitions","API service functions"] |
Build and extend the React + Vite + TypeScript + Tailwind frontend, from new pages and components to API client integration.
Use this skill when the user asks to:
frontend/src/ structureapi/pages/, components/, services/, etc.)App.tsx if a new pagefrontend/src/services/ — never inline in componentsfrontend/src/
├── pages/[PageName].tsx
├── components/[domain]/[ComponentName].tsx
├── services/[domain]Service.ts
└── (route registration in App.tsx)
services/ layer