leptos-ui-development SKILL.md skillA

leptos-ui-development from hyperb1iss/hypercolor is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add hyperb1iss/hypercolor/leptos-ui-development@v1.0.0

Pins v1.0.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
hyperb1iss/hypercolor
Path
.agents/skills/leptos-ui-development/SKILL.md
Versions recorded
7
Latest version
v1.0.0, committed Oct 20, 2026
First version recorded
Mar 29, 2026
Size
26,085 bytes
Repository stars
31
License
Apache-2.0

This skill should be used when working on the Hypercolor web UI in crates/hypercolor-ui/. Triggers on "UI component", "Leptos signal", "WASM build", "Trunk build", "WebSocket frame", "canvas preview", "effect card", "control panel", "device page", "SilkCircuit token", "theme switching", "sidebar", "layout builder", "Leptos context", "web-sys binding", "UI state", "optimistic update", "WebGL texture", "toast notification", "command palette", "color wheel", "device pairing", "leptoaster", or any…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Hypercolor UI Development

The UI is a **Leptos 0.8 CSR** app compiled to WASM via **Trunk**, excluded from the Cargo workspace. `cargo check --workspace` does NOT cover it — always build/check separately.

## Build Pipeline

```bash
just ui-dev          # Dev server on :9430, proxies API to daemon on :9420
cd crates/hypercolor-ui && trunk build   # One-shot build
```

Trunk pre-build hook runs Tailwind CSS compilation. Config in `Trunk.toml` — proxies `/api` to `127.0.0.1:9420`.

## Verification

`cargo check -p hypercolor-ui --lib` is the check that covers the app.
Everything lives in the lib target: `src/lib.rs` declares 46 `pub mod`s, and
`src/main.rs` is a three-line shim that calls `hypercolor_ui::run()`. The bin
is the hollow half.

Do not run cargo in this crate while a Trunk dev server is serving. The two
fight over the target directory, and the usual symptom is a burst of phantom
"missing field" or "no such variant" errors from stale rmeta. Stop Trunk, or
wait for it.

That lib-first layout exists so integration tests under `tests/` reach every
module as `hypercolor_ui::...`. No test file uses a `#[path]` source include,
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add hyperb1iss/hypercolor/leptos-ui-development@sha256:0b565555b1846e2b

The line at the top of this page pins the label v1.0.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_dqi2i7o63y2xlffq.svg)](https://markdownregistry.com/a/art_dqi2i7o63y2xlffq)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 7 versions of this file, between Mar 29, 2026 and Oct 20, 2026, about one every 34 days.

versioncommittedcommitsizeaudit
v1.0.0 latest2026-10-20 69382da 26,085 BA view · diff
v1.0.02026-10-20 8c39935 25,675 BA view · diff
v1.0.02026-08-26 05acaca 25,431 BA view · diff
v1.0.02026-08-17 ef3090d 9,877 BA view · diff
v1.0.02026-05-19 eeb57b5 9,853 BA view · diff
v1.0.02026-04-26 4fd7a93 9,412 BA view · diff
v1.0.02026-03-29 e761312 7,702 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (26085 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

hyperb1iss/hypercolor · 31 stars · license Apache-2.0 · pushed 2026-10-22 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_dqi2i7o63y2xlffq
GET https://markdownregistry.com/api/v1/resolve?ref=hyperb1iss/hypercolor/leptos-ui-development
GET https://markdownregistry.com/api/v1/blob/0b565555b1846e2b24ffcfccaed85164849eb45b5d0816ac7bcb0d5f0c6db1bd

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from hyperb1iss/hypercolor

daemon-development SKILL.md skill
hyperb1iss/hypercolor · .agents/skills/daemon-development/SKILL.md · This skill should be used when working on the Hypercolor daemon, REST API, WebSocket protocol, or render pipeline…
git:20260902.2acf607 · audit B · 31 stars
hal-driver-development SKILL.md skill
hyperb1iss/hypercolor · .agents/skills/hal-driver-development/SKILL.md · This skill should be used when writing, porting, or debugging device drivers in hypercolor-hal. Triggers on "add a…
v1.0.0 · audit B · 31 stars
native-effect-authoring SKILL.md skill
hyperb1iss/hypercolor · .agents/skills/native-effect-authoring/SKILL.md · This skill should be used when writing Rust-native effects for Hypercolor's native rendering path. Triggers on "native…
v1.0.0 · audit A · 31 stars
protocol-research SKILL.md skill
hyperb1iss/hypercolor · .agents/skills/protocol-research/SKILL.md · This skill should be used when researching device protocols before implementing drivers. Triggers on "reverse engineer…
v1.0.0 · audit A · 31 stars
rgb-effect-design SKILL.md skill
hyperb1iss/hypercolor · .agents/skills/rgb-effect-design/SKILL.md · This skill should be used when creating, modifying, or debugging RGB lighting effects for Hypercolor or…
v1.0.0 · audit A · 31 stars
AGENTS.md AGENTS.md file
hyperb1iss/hypercolor · AGENTS.md
git:20261019.59d5ef8 · audit A · 31 stars
CLAUDE.md CLAUDE.md file
hyperb1iss/hypercolor · CLAUDE.md
git:20260306.dee2ab7 · audit B · 31 stars
effect-livecoding SKILL.md skill
hyperb1iss/hypercolor · skills/effect-livecoding/SKILL.md · Write, debug, and tune a Hypercolor lighting effect against a running daemon in a tight loop: install an HTML page…
git:20261017.5f253be · audit B · 31 stars
hypercolor-control SKILL.md skill
hyperb1iss/hypercolor · skills/hypercolor-control/SKILL.md · Use this skill when an agent needs to inspect or control a running Hypercolor daemon, browse or activate effects, patch…
git:20261017.0c90a05 · audit B · 31 stars
rig-setup SKILL.md skill
hyperb1iss/hypercolor · skills/rig-setup/SKILL.md · Set up a Hypercolor spatial layout and scene for a PC build from scratch: research the case's real dimensions…
git:20260907.18d3bf6 · audit A · 31 stars

Every file in hyperb1iss/hypercolor

Browse by kind, by grade A, or by owner.