optimize

pbakaus / impeccable

About optimize

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

Install optimize

npx skills add https://github.com/pbakaus/impeccable --skill optimize

Basic information

What it does

Covers five optimization areas: image optimization, JavaScript/CSS reduction, font loading, rendering performance, and animation efficiency
Includes Core Web Vitals guidance (LCP, FID/INP, CLS) with specific thresholds and remediation strategies
Provides code examples for common patterns: lazy loading, code splitting, layout thrashing prevention, GPU-accelerated animations, and virtual scrolling
Emphasizes measurement before and after optimization, testing on real devices with throttled connections, and avoiding premature optimization

More skills in Design & UI

frontend-design

anthropics / skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

grill-me

mattpocock / skills

A relentless interview to sharpen a plan or design.

web-design-guidelines

vercel-labs / agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

grill-with-docs

mattpocock / skills

A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.

lark-event

larksuite / cli

Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume <EventKey>` (covers IM messages/reactions/chat changes, Task updates, VC meeting started/joined/ended, Minutes generated, Whiteboard updated, etc.). Use for Lark bots, real-time message processing, long-running subscribers, streaming webhook/push handlers. Supports `--max-events` / `--timeout` bounded runs and a stderr ready-marker contract — designed for AI agents running as subprocesses.

prototype

mattpocock / skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.