rubiks-cube-solver frontend-styling.instructions.md

rubiks-cube-solver frontend-styling.instructions.md is an instructions file for GitHub Copilot from williamisnotdefined/rubiks-cube-solver. It costs 1,942 tokens per session, scanned A, original, MIT.

A set of instructions for styling the frontend of the Rubik’s Cube solver. It covers utility classes, shared theme values, responsive layouts, accessibility states, and visual details.

In plain words
What is it for?
Use it when changing Tailwind classes, theme colours, responsive layouts, shared UI components, or frontend visual treatment, followed by the project’s checks and build.
Why use it?
It helps keep new styling consistent with the existing interface and reduces problems across screen sizes, themes, focus states, and reduced-motion settings.

Instructions file for GitHub Copilot

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add instructions/williamisnotdefined/rubiks-cube-solver/frontend-styling
Clone the repo
git clone --depth 1 https://github.com/williamisnotdefined/rubiks-cube-solver

Made for: GitHub Copilot.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for rubiks-cube-solver frontend-styling.instructions.md

README.md
[![agentmods](https://agentmods.dev/badge/instructions/williamisnotdefined/rubiks-cube-solver/frontend-styling.svg)](https://agentmods.dev/instructions/williamisnotdefined/rubiks-cube-solver/frontend-styling)
Your own site
<a href="https://agentmods.dev/instructions/williamisnotdefined/rubiks-cube-solver/frontend-styling"><img src="https://agentmods.dev/badge/instructions/williamisnotdefined/rubiks-cube-solver/frontend-styling.svg" alt="Measured on agentmods" height="20"></a>
Per session 1,942 This file is loaded in full into every session.
When invoked 1,942 The same file — it is already loaded in full.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.01942 $0.01942
Opus 5 $0.00971 $0.00971
Sonnet 5 $0.00388 $0.00388
Haiku 4.5 $0.00194 $0.00194

Measured 4d ago against content hash 2d4602dc2b41, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

rubiks-cube-solver frontend-styling.instructions.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.github/instructions/frontend-styling.instructions.md · 128 lines

How it starts

The opening of the file, as written. The whole thing — 128 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Generated from ai/registry.json. Do not edit manually.

Canonical skill: ../../ai/skills/frontend-styling.md.

Referenced context:

  • ../../ai/rules/frontend-rules.md
  • ../../ai/rules/frontend-styling-rules.md
  • ../../ai/rules/frontend-quality-rules.md

This file is compiled from canonical AI knowledge files. Edit canonical files under ai, then run npm run ai:sync.

Compiled AI Skill: frontend-styling

Canonical Skill: ai/skills/frontend-styling.md

Frontend Styling

Use for Tailwind utilities, theme tokens, responsive layout, and visual treatment.

Read First

  • ai/rules/frontend-rules.md
  • ai/rules/frontend-styling-rules.md
  • ai/rules/frontend-quality-rules.md

Workflow

  • Follow nearby shadcn-compatible UI patterns and semantic tokens in the single CSS entrypoint.
  • Use static class strings when possible, the existing cn helper for shared primitives/class merging, and established classnames usage in feature code when merge semantics are unnecessary.
  • Check focus, reduced motion, themes, mobile layout, and visualization sizing.
  • Run npm run theme-colors:check, web build, and lint.

Referenced Context

Reference: ai/rules/frontend-rules.md

Frontend Rules

Boundaries

  • Keep solving, notation semantics, puzzle validity, and replay verification in Rust. React renders and coordinates typed product workflows.
  • Keep HTTP mechanics and normalization in apps/web/src/api; UI consumes domain hooks/adapters.
  • Typed scan-session contracts MAY contain reviewed stickers, confidence, and manual overrides. Notation solve UI MUST NOT expose facelet, Kociemba, or raw cube-state inputs.
  • Keep API load, form, page workflow, solve result, scanner review, and visualization playback state separately owned unless a focused page owner coordinates them.
  • Use the active @rubiks-cube-solver/rubiks-cube package as a visualization adapter, never as canonical solver state.

Web Runtime And Locales

  • Preserve static rendering for indexable routes, hydrateRoot for generated markup, and SPA navigation after hydration.
  • Keep en-US canonical without a prefix. Publish/index any of the nine supported locales only when its visible and SEO content is fully translated with placeholder parity.
  • Treat route slugs as stable identifiers. They need not be English and MUST NOT vary by locale; slug changes require redirects and canonical planning.
  • Keep route/page code in its bounded context and shared code behind a demonstrated cross-context consumer.

Read the full file on GitHub · 128 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 4d ago First seen · 128 lines · 1,942 tokens per session scan A 2d4602dc2b41

Subscribe to this mod's changes

rubiks-cube-solver frontend-styling.instructions.md is an instructions file published in the GitHub repository williamisnotdefined/rubiks-cube-solver (4 stars, last pushed 11d ago), licensed MIT. It adds 1,942 tokens to every session, about $0.0097 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other instructions, from other repositories