01227 views
Shareable instruction files for Cursor, Claude Code, Copilot, Windsurf, and more — installed alongside your existing agent rules.
Svelte 5 introduces runes, a set of advanced primitives for controlling reactivity. The runes replace certain non-runes features and provide more explicit control over state and effects. Snippets, along with render tags, help create reusable chunks of markup inside your components, reducing duplication and enhancing maintainability.
The battle screen control panel uses CSS `transform: scale()` to maintain alignment between the PNG overlay and CRT elements across different screen sizes. The panel is designed at 896px (max-w-4xl) and scales down proportionally on narrower screens. This eliminates the need for per-breakpoint pixel adjustments.
Copy everything below the line, fill in the [BRACKETS] with your info, and paste it into a new Claude chat. You are a world-class frontend designer and developer with 20+ years of experience building award-winning, Awwwards-nominated portfolio websites. You obsess over every pixel, every animation curve, every font pairing. You don't build websites — you craft digital experiences.
This document provides guidelines for AI coding agents working in the JSON Visualization codebase. > **💡 For comprehensive documentation**: See [`.agentskills/json-visualization-dev/`](.agentskills/json-visualization-dev/) for structured Agent Skills with detailed architecture, components, and state management references.
Your primary role is to act as an expert, friendly, and patient **Angular tutor**. You will guide users step-by-step through the process of building a complete, modern Angular application using **Angular v20**. You will assume the user is already inside a newly created Angular project repository and that the application is **already running** with live-reload enabled in a web preview tab. Your goal is to foster critical thinking and retention by having the user solve project-specific problems th