This is candidate detail page. it's iframed into another app so screen space is limited. Redesign this so it looks easier to use and modern

Drawer for a optical store. it shold help visually a lot, it's for a cashier and it's editing the sale (maybe a mistake creating it and it's changing things)

Hola. necesito implementar una aplicación calendario con vista por semana y que pueda ver la semana actual y la próxima. El calendario debe poder mostrar eventos por día y diferenciar en colores según el tipo de evento (preventivo o correctivo).

Build a Theme builder. The screen is split into a sidebar on the left, a main view on the right. The sidebar has an accordian menu with 1. Spacing scale 2. Font scale and Font Families 3. Theme colors. Each menu item has as a submenu, specific settings for that subject. eg. The spacing scale has various scales to choose from and a way to customise it. The font scale and font families, has a list of font families for headings and text, and similar to the space scale, various font scales to choose from. The theme colors, has sliders to set lightness, chroma and hue for the main color. all other colors derive from this one color. The main part is a preview, with example components such as cards and forms. their appearance updates in live depending on the theme settings. The product is called devzigner. Once we have our theme. we can copy either a css with custom properties or tailwind/shadcn custom theme properties.

using this preset b5pZX5mruj for the shadcn svelte theme, create a todo app

Build a real estate listings platform. the main page has a map with 3D buildings and terrain. There is a knob which allows to set the time of day and of year, such that the shadow project by buildings and terrain evolves with the position of the sun. The Platform is called VidaRosa, and theme colour is pinkish or fuschia. Mascot is a cartoon version of Edith Piaf

The Driving Instructor Progress Tracker is a local-first teaching and student-management app designed around the complete learner-driver journey. It combines structured 0–5 skill assessment, category averages, progression pathways, lesson focus, reflections, lesson history, scheduling, payments, driving tests, student access, referrals and teaching tools into a single student-centred workspace. Rather than behaving like a traditional CRM or admin dashboard, the app should help an instructor answer three questions extremely quickly: Where is this student now? What are we working on next? What has changed since the last lesson? The interface should be minimal, sharp, flat and modern, with neutral colours, restrained accents, strong typography, plenty of whitespace and progressive disclosure so that only the information relevant to the current task is prominent. Mobile should be treated as a core experience rather than a reduced desktop layout, while desktop provides additional space and context without becoming cluttered. The overall feeling should be calm, professional and natural — a tool an instructor can comfortably use every day rather than a dashboard that simply looks impressive.

Create a clean, minimalist, professional dashboard app for driving instructors. Main features: - Student profiles with contact info, status, notes and lesson history - Student progress tracking with 0–5 skill ratings - Skills include clutch, gears, steering, mirrors, junctions, roundabouts, road positioning, speed, awareness and manoeuvres - Lesson records with topics covered, instructor notes, student reflections and next lesson goals - Schedule/calendar with student availability and preferred lesson times - Dashboard showing today’s lessons, active students, recent progress, upcoming tests and students needing attention - Passed/failed/left student statuses - Referral tracking between students - Future Google Calendar integration - Future visual/isometric driving teaching aids for junctions, roundabouts, manoeuvres and road scenarios Navigation: Dashboard, Students, Schedule, Lessons, Progress, Teaching Aids, Referrals, Settings. Use a modern card-based layout, lots of spacing, subtle borders, simple typography and a professional driving-school feel. Avoid clutter and excessive gradients.

make me a editor gui a 3 colloms on the top and 1 on the bottom half, the 3 on the top will be the folder view the video view and the video settings view the bottom will be a timeline view of

Hola. necesito una solución para el servicio técnico. El software debe ofrecer un panel de control donde poder registrar partes de asistencia. Los partes de asistencia deben poder indicar los datos básicos de cliente. Una vez registrado el parte de asistencia, los usuarios deben poder registrar sus horas trabajadas indicando fecha, hora inicio y hora fin. Este registro debe permitir seleccionar el servicio realizado para la intervención. Y por último, dentro del registro de actividad el usuario debe poder añadir materiales en caso de que lo haya utilizado. El entorno debe ser sencillo y funcional para que la persona que realice el alta de los parte de asistencia sea sencillo. Y por otra parte, los técnicos que reportaran los trabajos realizados en cada una de las asistencias lo mismo. Debe ser un proceso sencillo y claro.

I need an advanced form for a database model that is work order. Work order should contain the name of the business, the date required. A work order also contains work order items, enumerated as a list by integers always starting from 1. Items should have inputs for the description with the material used, and size. Each work order item must have capabilty to attach services applied to them. They don't need to be enumerated explicitly but they should have input for putting the name of the service and their specific code.

configurable code block display with code highlighting

A nice user profile dialog, I use this as my header: <Item.Root variant="muted"> <Item.Media> <UserAvatar user={data} /> </Item.Media> <Item.Content> <Item.Title class="text-lg">{data.name}</Item.Title> <Item.Description>@{data.username}</Item.Description> </Item.Content> <Item.Actions> <CopyButton text={data.id}>Copy ID</CopyButton> </Item.Actions> </Item.Root>

I am building the app that store records for my health history. I want digitalize the all docs I have from visiting doctors. I want to build the concept of timeline and cards with info about my lab test result and doctor visits with attached scan of all docs.

remake this using shadcn-svelte and default themel

reusable responsive carousel with a prop field to give an array of image addresses to, and with a lightbox feature

Simple openapi renderer layout (modern) no functionality yet, hardcoded. Use shadcn/svelte, very modern ui

Simple openapi renderer layout (modern) no functionality yet, hardcoded

a component that I pass a hex value and it returns a color along with the hex value in a very minimal and simple way, the color and the hex value next to each other in an unadorned line

## 1. Oversikt og Formål Applikasjonen er et pedagogisk og interaktivt musikkinstrument/visualiseringsverktøy som utforsker forholdet mellom **geometri, strenglengder og oktaver**. Kjernen i verktøyet er en minimalistisk, gullfarget **"Z"-ramme** bestående av: * En øvre horisontal bjelke. * En nedre horisontal bjelke. * En diagonal skråbjelke som binder topp-høyre sammen med bunn-venstre. ## 2. Visuell Geometri og Layout * **Format:** Modulen/panelet er **kvadratisk eller bredt (bredere enn det er høyt)** for å gi tilstrekkelig plass langs $x$-aksen til å plassere flere strenger ved siden av hverandre. * **Strengenes orientering:** Alle strenger er **100 % vertikale** ($x$-koordinaten på toppen er alltid lik $x$-koordinaten på bunnen). * **Geometrisk deling:** Den diagonale Z-bjelken skjærer de vertikale strengene og deler rammen i to motstående **rettvinklede trekanter** (øvre og nedre). ## 3. Gestiver og Interaksjonsdesign (UI/UX) * **Opprette nye strenger (Spawn):** * Det finnes en permanent **Master-streng** helt til høyre i Z-rammen. * Nye strenger opprettes *kun* ved at brukeren tar tak i festeankeret på toppen av Master-strengen og drar mot venstre. * **Finjustering og flytting:** * Når en streng først er plassert, kan brukeren ta tak i den og dra den horisontalt langs $x$-aksen for å finjustere plassering og tonehøyde, uten at det genereres nye strenger. * **Sletting (Merge-mekanikk):** * For å slette en streng, drar brukeren den helt tilbake mot høyre side. * Når strengens $x$-posisjon nærmer seg Master-strengen helt til høyre, "snapper" den inn (merges) og slettes.