Publish HTML frontend projects to the publishing platform (publisher). Use when the user wants to publish/ship a project, get an access URL, list their published projects, or build an Android APK. No Python required — call the HTTP APIs directly.
Design Android mobile frontend experiences from scratch, improve existing screens, and fix UI issues with brand-forward, localization-safe, overflow-safe guidance across Compose and Views.
The standard way for production teams to connect frontend and backend branches and ensure integration before merging to main is to use temporary integration or "test" branches for local verification, automated testing, and code review.
Apply senior designer judgment to any frontend UI work. Activates when building, reviewing, or iterating on components, pages, dashboards, or any rendered interface. This skill is the result of hands-on research into what actually works and what doesn't when giving AI agents design judgment.
Authoring server-side code between the API contract and the datastore — layering and ports/adapters boundaries, error taxonomy and resilience (typed errors, Result style, retry with backoff, circuit breakers), background jobs and queues, structured logging emission, and adding a new integration that matches the repo's existing connector pattern. The backend counterpart to frontend-engineering-edho-ferdian. Framework guides: NestJS and Ruby on Rails (service/form/query objects, Hotwire, Rails 8 Solid stack). Trigger phrases: \"struktur service layer\", \"error handling di backend\", \"retry/circuit breaker\", \"background job / queue\", \"tambah integrasi baru\", \"bikin app Rails\", \"Rails service object\".
Production-grade frontend engineering for Next.js and TypeScript against a Django/DRF backend — plan first, verify the installed versions, never invent an API, keep the diff minimal, run the checks, and hold the work to a stated definition of done. Covers routing and rendering, the server/client boundary, the React component tree, the typed backend contract, and the non-functional guarantees (accessibility, security, performance, testing) that gate completion. All twenty-four domains are integrated; the router in SKILL.md is the authoritative list of what is loadable. Canonical instructions live in SKILL.md and references/.
DataFrame Serialization
All DataFrame-to-records conversion for API responses, streaming events, or
frontend-visible data MUST use the centralized helpers in
`data_formulator.datalake.parquet_utils`:
| Source type | Helper |
|---|---|
| `pd.DataFrame
directories:
## Apps Directory
- [apps/api](mdc:apps/api) - Backend API built with NestJS
- [apps/web](mdc:apps/web) - Frontend web application built with React
- [apps/extension](mdc:apps/extension) - Browser extension for web clipping
## Packages Directory