agentsclimarketplace

Dashboard conventions

Skill justnau1020/claude-os/skills/conventions/dashboard-conventions

An operating system for Claude Code. Skills, hooks (MCR), and a lean-context framework for smarter AI coding sessions.

Install
npx -y skills add justnau1020/claude-os --skill dashboard-conventions

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 3 stars3 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Dashboard/frontend development conventions -- vanilla HTML/JS/CSS patterns, theming, and API integration. Applies when modifying frontend files.

SKILL.md

1.4 KB, as published. Nobody here has run it

Dashboard Conventions

These conventions apply when working on the frontend/dashboard.

Architecture

  • No build step preferred: Vanilla HTML/JS/CSS served directly (if applicable)
  • Minimal dependencies: Prefer CDN-hosted libraries over npm packages where possible
  • Theme system: CSS custom properties for all colors, enabling dark/light theme support

Patterns

  • API calls: Use fetch() with proper error handling and auth headers
  • Polling: Configurable interval for real-time data updates (if not using WebSocket/SSE)
  • Responsive: Desktop-primary with responsive breakpoints for mobile
  • CSS variables: All theme colors defined as custom properties

File organization

  • One HTML file per page/view
  • Matching JS file for logic (e.g., dashboard.html + dashboard.js)
  • Shared styles in a common stylesheet, page-specific styles in dedicated files
  • Assets organized in dedicated directories (images, icons, fonts)

API Integration

  • All API calls go through a shared fetch wrapper that handles auth and errors
  • Loading states shown during API calls
  • Error states display actionable messages to users
  • Optimistic updates where appropriate, with rollback on failure

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.