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.
npx agentmods add instructions/dev-lou/pixelpilot/uiux-laravelgit clone --depth 1 https://github.com/dev-lou/PixelPilotWrote 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.
[](https://agentmods.dev/instructions/dev-lou/pixelpilot/uiux-laravel)<a href="https://agentmods.dev/instructions/dev-lou/pixelpilot/uiux-laravel"><img src="https://agentmods.dev/badge/instructions/dev-lou/pixelpilot/uiux-laravel.svg" alt="Measured on agentmods" height="20"></a>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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.01561 | $0.01561 |
| Opus 5 | $0.00781 | $0.00781 |
| Sonnet 5 | $0.00312 | $0.00312 |
| Haiku 4.5 | $0.00156 | $0.00156 |
Grade A, and why
PixelPilot uiux-laravel.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 3d 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.
How it starts
The opening of the file, as written. The whole thing — 144 lines — stays where its author put it; the contents beside it link to each section on GitHub.
OpenCode UI/UX 2026 — Laravel Integration Skill
This skill provides guidelines and best practices for integrating the OpenCode UI/UX 2026 design system within Laravel applications, specifically focusing on Blade templates and Vite for asset bundling. Adhering to these patterns ensures a consistent, secure, and performant user experience.
1. CSRF Token Protection (@csrf Directive)
Cross-Site Request Forgery (CSRF) protection is a critical security measure in web applications. Laravel makes it easy to protect your forms using the @csrf Blade directive, which generates a hidden input field containing a CSRF token. This token is then verified by Laravel upon form submission.
Step-by-step Instructions
- Include in all forms: For any HTML form that submits data via
POST,PUT, orDELETEmethods, ensure the@csrfdirective is placed inside the<form>tags.
Code Example
<form method="POST" action="/profile">
@csrf
<!-- Other form fields -->
<input type="text" name="name" value="{{ old("name") }}">
<button type="submit">Update Profile</button>
</form>
2. Vite Asset Bundling (@vite Directive)
Vite is the recommended build tool for modern Laravel applications, offering a fast development experience and optimized production builds. Laravel provides a convenient @vite Blade directive to include your compiled assets.
Step-by-step Instructions
- Configure
vite.config.js: Ensure your Vite configuration correctly points to your entry points (e.g.,resources/js/app.js,resources/css/app.css). - Include in Blade Layout: Place the
@vitedirective in your main Blade layout file, typically within the<head>section for CSS and before the closing</body>tag for JavaScript.
Code Example
<!DOCTYPE html>
<html lang="{{ str_replace("_", "-", app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Laravel App</title>
@vite(["resources/css/app.css", "resources/js/app.js"])
</head>
<body>
<div id="app">
@yield("content")
</div>
</body>
</html>
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.
- 3d ago First seen · 144 lines · 1,561 tokens per session scan A 2dc13fc207fa
PixelPilot uiux-laravel.instructions.md is an instructions file published in the GitHub repository dev-lou/PixelPilot (2 stars, last pushed 5mo ago), licensed MIT. It adds 1,561 tokens to every session, about $0.0078 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.
Other instructions, from other repositories
ui-ux-design-pro-skill CLAUDE.md
Instructions for saifyxpro/ui-ux-design-pro-skill, covering project overview, cli commands, full design system generation (markdown output), search across all databases (sub-50ms) and audit ui code quality.
UIX CLAUDE.md
Instructions for Deepractice/UIX, covering uix project rules, design system: lucid ui, colors, forbidden and preferred patterns.
wonder-blocks CLAUDE.md
Claude Code instructions for Khan/wonder-blocks, covering wonder blocks design system, technology stack, coding conventions, file & export naming and typescript.
melta-ui AGENTS.md
Instructions for tsubotax/melta-ui, covering melta ui — ai エージェント作業ガイド, アーキテクチャ概要, 最初に読むファイル, 読み込みモード and 作業ルール.
core-web copilot-instructions.md
Copilot instructions for db-ux-design-system/core-web: All development instructions, build commands, validation steps, coding rules, and the pull request workflow are maintained in AGENTS.md at the repository root. Read that file first before starting any task.
html2style copilot-instructions.md
Copilot instructions for jackguihx-alt/html2style: When working on website style extraction, transfer, or reconstruction in this repository, read SKILL.md and use the portable CLI or MCP tools. Do not depend on a vendor-specific browser plugin. For style work, keep deterministic style-profile.json separate from…