---
title: "web-design-engineer skill example: UI component · skilld"
description: "Codex made this UI component with the /web-design-engineer skill from one prompt: “Build Daybreak Observatory, a fictional volunteer stargazing-session…"
canonical_url: "https://skilld.dev/skills/demos/conardli/garden-skills/web-design-engineer"
meta:
  "og:description": "Codex made this UI component with the /web-design-engineer skill from one prompt: “Build Daybreak Observatory, a fictional volunteer stargazing-session…"
  "og:title": "web-design-engineer skill example: UI component"
---

# **What /web-design-engineer made**

One recorded run: the prompt, and what the Agent built with the Skill.

Teach your agent skilld

`npx skilld install skilld --global`

Adds the skilld Skill to your agent for every project.

gpt-6.1-solRecorded with Codex, gpt-6.1-sol [ Open the demo of /web-design-engineer](https://skilld.dev/gh/conardli/garden-skills/web-design-engineer#demo)

PromptBuild Daybreak Observatory, a fictional volunteer stargazing-session planner. Use an editorial dark astronomical visual direction with an authored star chart and copper accent. Label all observing conditions as illustrative. Show date selection, three session cards, a working participant count, target filter, reservation confirmation, and a hidden Tweaks panel with accent and density controls. Choose your temporary design system; no existing product branding applies. Don't ask questions. Make the design calls yourself. Use TypeScript for build tooling if needed. Save the final demo as one self-contained index.html with all CSS and runtime JavaScript inline. Bundle any package code locally. All visible controls must work. It will run in an opaque iframe with sandbox allow-scripts only: no form submissions, storage, popups, or downloads. Use explicit button handlers and in-page results. Support reduced motion, keyboard use, 390px mobile, and 1440px desktop. Verify the important controls in a browser before finishing.

[/web-design-engineer](https://skilld.dev/gh/conardli/garden-skills/web-design-engineer)

conardli/garden-skills