vibe-coding-prompt-template frontend.instructions.md

vibe-coding-prompt-template frontend.instructions.md is an instructions file for GitHub Copilot from KhazP/vibe-coding-prompt-template. It costs 119 tokens per session, scanned A, original, MIT.

Instructions for frontend work in the KhazP/vibe-coding-prompt-template project. They point to the project brief, coding patterns, and approved technology choices, and require checking user-visible changes in a browser or device-sized view.

In plain words
What is it for?
Use them when building or changing accessible, responsive UI components, especially AI interfaces, without adding unapproved libraries.
Why use it?
They give an agent the local design and implementation rules it needs to make UI changes that fit the project. They also call out loading, refusal, fallback, and error states for AI features.

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/khazp/vibe-coding-prompt-template/frontend
Clone the repo
git clone --depth 1 https://github.com/KhazP/vibe-coding-prompt-template

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 vibe-coding-prompt-template frontend.instructions.md

README.md
[![agentmods](https://agentmods.dev/badge/instructions/khazp/vibe-coding-prompt-template/frontend.svg)](https://agentmods.dev/instructions/khazp/vibe-coding-prompt-template/frontend)
Your own site
<a href="https://agentmods.dev/instructions/khazp/vibe-coding-prompt-template/frontend"><img src="https://agentmods.dev/badge/instructions/khazp/vibe-coding-prompt-template/frontend.svg" alt="Measured on agentmods" height="20"></a>
Per session 119 This file is loaded in full into every session.
When invoked 119 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.00119 $0.00119
Opus 5 $0.00060 $0.00060
Sonnet 5 $0.00024 $0.00024
Haiku 4.5 $0.00012 $0.00012

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

Security

Grade A, and why

vibe-coding-prompt-template frontend.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.

templates/.github/instructions/frontend.instructions.md · 14 lines

What it actually says

Frontend Instructions

Read AGENTS.md and agent_docs/code_patterns.md before UI work.

  • Match the design direction in agent_docs/project_brief.md.
  • Keep components accessible, responsive, and easy to scan.
  • Verify user-visible changes in a real browser or device viewport.
  • Do not add UI libraries unless agent_docs/tech_stack.md approves them.
  • For AI UI, test loading, refusal, fallback, and error states.
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 · 14 lines · 119 tokens per session scan A d8d4d2d4d4be

Subscribe to this mod's changes

vibe-coding-prompt-template frontend.instructions.md is an instructions file published in the GitHub repository KhazP/vibe-coding-prompt-template (3,038 stars, last pushed 13d ago), licensed MIT. It adds 119 tokens to every session, about $0.0006 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-30.

Related

Other instructions, from other repositories

vibe-code-kit CLAUDE.md

Claude Code instructions for 910jmiguel/vibe-code-kit, covering project: [fill in your project name], tech stack, project structure, key commands and install dependencies.

910jmiguel/vibe-code-kit · 471 tokens

claude-code-settings copilot-instructions.md

Instructions for feiskyer/claude-code-settings, covering claude.md, environment setup, required dependencies, configuration and skills.

feiskyer/claude-code-settings · 649 tokens

tree-sitter-analyzer CLAUDE.md

Claude Code instructions for aimasteracc/tree-sitter-analyzer, covering ruflo — claude code configuration, rules, test quality rules — locked (2026-06-28), t-1: no new test files for existing plugins (blocker) and t-2: no weak assertions — ratchet-enforced (blocker).

aimasteracc/tree-sitter-analyzer · 8,921 tokens

crystal CLAUDE.md

Instructions for stravu/crystal, covering crystal - multi-session claude code manager, project overview, references, implementation status: ✅ complete and ✅ implemented features.

stravu/crystal · 6,391 tokens

Library-First-Engineering copilot-instructions.md

Instructions for StChiotis/Library-First-Engineering: You are an AI agent operating in a Library-First Engineering (LFE) repository. This adapter is a pointer. Canonical rules live in human-readable docs.

StChiotis/Library-First-Engineering · 366 tokens

vibe-coding-ai-rules react.instructions.md

Instructions for obviousworks/vibe-coding-ai-rules, covering react patterns, component structure, state management, performance and error handling.

obviousworks/vibe-coding-ai-rules · 209 tokens