Skills, plugins and agents for Frontend

Next.js 16+ uses Turbopack by default for local development: an incremental bundler written in Rust that significantly speeds up dev startup and hot updates.

Cursor

Accessibility

Design, implement, and monitor inclusive digital products in accordance with WCAG 2.2 Level AA

Angular Developer

Generates Angular code and provides architectural guidance. Run this when creating projects, components, or services, or to obtain

Frontend Slides

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

Cursor

Interface utilisateur

Implement a front-end-focused multi-model "workflow" for components, layouts, animations, and user interface styling

Frontend Development Patterns

Modern frontend patterns for React, Next.js, and performant user interfaces.

Design Thinking

★182.1k

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and

anthropics

Theme Factory

★182.1k

A toolkit for customizing the appearance of various documents using a theme. These documents can include slides, documents

anthropics

Web Artifacts Builder

★182.1k

To build powerful frontend claude.ai artifacts, follow these steps:

anthropics

User Interface Engineering

★108.4k

Allows you to create production-quality user interfaces. Use this when creating or modifying interfaces intended for users

addyosmani

Improve the suggestion

Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.

Apple Human Interface Guidelines

Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, vi

Flutter animation apps

Implement animated effects, transitions, and motion in Flutter apps. Useful for designing native iOS/Android motion.

Design to code feedback loop

Iterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.

Full screen screenshot

Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports

Chronologie de gsap

GSAP Timelines with sequencing, position parameter, labels, nesting, and playback control. Useful for orchestrating multi-step motion sequences.

Front end development skills

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.

User Interface Skills

Well-defined, scalable constraints designed to guide agents when designing interfaces. Useful for ensuring consistency in the final result across many small elements

Create design system rules in Figma

Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.

Create a library in Figma

Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped