Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
Identify and fix performance issues to create faster, smoother user experiences.
## Assess Performance Issues
Understand current performance and identify problems:
1. **Measure current state**:
- **Core Web Vitals**: LCP, FID/INP, CLS scores
- **Load time**: Time to interactive, first contentful paint
- **Bundle size**: JavaScript, CSS, image sizes
- **Runtime performance**: Frame rate, memory usage, CPU usage
- **Network**: Request count, payload sizes, waterfall
2. **Identify bottlenecks**:
- What's slow? (Initial load? Interactions? Animations?)
- What's causing it? (Large images? Expensive JavaScript? Layout thrashing?)
- How bad is it? (Perceivable? Annoying? Blocking?)
- Who's affected? (All users? Mobile only? Slow connections?)
**CRITICAL**: Measure before and after. Premature optimization wastes time. Optimize what actually matters.
## Optimization Strategy
Create systematic improvement plan:
### Loading Performance
**Optimize Images**:
- Use modern formats (WebP, AVIF)
- Proper sizing (don't load 3000px image for 300px display)
- Lazy loading for below-fold images
- Responsive images (`srcset`, `picture` element)
…
The line at the top of this page pins the label git:20260308.8b86d2e, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_unansblry3jpg5en
GET https://markdownregistry.com/api/v1/resolve?ref=quriosity-agent/qcut/optimize
GET https://markdownregistry.com/api/v1/blob/0e7df93123d465dacbcd91fe48e0288b9083f34784200e2db8868dc8c08f1fb5
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
quriosity-agent/qcut · qcut/.agents/skills/adapt/SKILL.md · Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience…
quriosity-agent/qcut · qcut/.agents/skills/animate/SKILL.md · Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve…
quriosity-agent/qcut · qcut/.agents/skills/bolder/SKILL.md · Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while…
quriosity-agent/qcut · qcut/.agents/skills/codex-delegate/SKILL.md · Decision matrix for delegating tasks between Claude Code and Codex CLI. Guides when to handle tasks directly vs…
quriosity-agent/qcut · qcut/.agents/skills/colorize/SKILL.md · Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and…
quriosity-agent/qcut · qcut/.agents/skills/delight/SKILL.md · Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates…
quriosity-agent/qcut · qcut/.agents/skills/extract/SKILL.md · Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies…
quriosity-agent/qcut · qcut/.agents/skills/frontend-design/SKILL.md · Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to…
outlinedriven/odin-claude-plugin · plugins/odin-code/skills/optimize/SKILL.md · Use when asked to optimize code, make a path faster, make this as fast as possible, reduce allocations, repair a…
stackhawk/agent-skills · plugins/optimize/skills/optimize/SKILL.md · Analyze a codebase and produce an optimal HawkScan setup — tech flags, scan-policy plugin selection, and stackhawk.yml…
marcel-bich/marcel-bich-claude-marketplace · plugins/credo/skills/optimize/SKILL.md · The credo optimisation audit - an opt-in, read-only scan of a repo for things that slow parallel and long-term work…
illyism/dev-skills · code/optimize/SKILL.md · Optimizes code, queries, and features based on actual usage by removing unused fields, aggregations, JOINs, and unused…
ictechgy/context-guard · plugins/context-guard/skills/optimize/SKILL.md · Diagnose and reduce Claude Code token usage for a project or session using context hygiene, model and effort routing…