AI Agent Skills

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any…

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not loo…

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2), which is a new skill. Use this…

Old v2 (experimental) of taste-skill, the single-file dial-driven version, preserved for projects depending on its exact behavior. The current default is `design-taste-f…

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. Covers typography, color…

A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.

Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when…

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.