knckknck

Audits and fixes animation performance issues, including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Audits and fixes HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.

Go programming best practices and style guide for writing, reviewing, refactoring, and modernizing Go code. Use for Go code reviews, concurrency patterns, error handling, API design, performance-sensitive code, testing, linting, Go-version compatibility, and idiomatic Go style decisions.

Numscript is a Domain-Specific Language (DSL) designed to model complex financial transactions, replacing complex and error-prone custom code with easy-to-read, declarative scripts.

Comprehensive React 19 patterns expert covering Server Components, Actions, use() hook, useOptimistic, useFormStatus, useFormState, React Compiler, concurrent features, Suspense, and modern TypeScript development. Proactively use for any React development, component architecture, state management, performance optimization, or when implementing React 19's latest features.

Comprehensive Tailwind CSS utility-first styling patterns covering responsive design, layout, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Ideal for styling React/Vue/Svelte components, building responsive layouts, or optimizing CSS workflow.

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.