Frontend & Design · For frontend developers

Filter large Sentry Scraps design-system migration PRs for review by separating mechanical import-path changes, generated baseline updates, snapshot mocks, and pure renames from substantive…

getsentry/sentry

Reviews frontend changes under `web/` or `packages/dify-ui/` for concrete defects and broken project contracts, using routed rule packs and a severity scale for findings.

langgenius/dify

Guides the agent to keep GSAP animations smooth by animating transforms and opacity, batching DOM reads and writes, and avoiding layout-heavy properties.

greensock/gsap-skills

Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.

ibelick/ui-skills

Guides an upgrade from Chakra UI v2 to v3: inspect the project, swap packages, run the official codemod, then fix provider, color mode, props, theming and Next.js code.

chakra-ui/chakra-ui

Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5.

langflow-ai/langflow

Implement Google's Material Design 3 (Material You) UI system.

hamen/material-3-skill

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui

Adds missing Simplified and Traditional Chinese translations to the Claude Desktop Chinese patch across three layers, then checks how many mappings actually hit.

javaht/claude-desktop-zh-cn

Build terminal user interfaces (TUIs) using Ink (React for CLIs) and @inkjs/ui with a reactive, session-driven wizard pattern.

novuhq/novu

Pushes the agent toward distinctive visual design for new or reworked UI: a clear aesthetic direction, deliberate typography and choices rooted in the subject.

anthropics/skills

Enforces one repository's React and TypeScript module layout for code under src/: source-root imports, feature barrels, deliberate exports and no deep imports.

siteboon/claudecodeui

Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and Vercel AI SDK conventions.

xiaoiver/infinite-canvas-tutorial

Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library.

scalar/scalar

Operate a selective workspace for complex reasoning, long tasks, repository engineering, coordinated agents, and authorized security analysis.

Tiger3807861189/J-Space-Cognition-Suite

Starts the right Tabler dev server, keeps it from clashing with builds and verifies changes in the browser before a page or component is handed back.

tabler/tabler

Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries…

langgenius/dify

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Creates project-specific design system rules from your codebase so coding agents implement Figma designs with your components, naming and tokens.

warpdotdev/warp

Adds a bundled app icon to Dozzle for container images that show no logo or resolve to the wrong one, including conversion and alias entries.

amir20/dozzle

Generates a DESIGN.md design-language file for Google Stitch that encodes color, typography, layout, component behavior and motion rules to avoid generic AI-looking UI.

google-labs-code/stitch-skills

Scaffolds, extends and verifies local-first JavaScript and TypeScript apps built on TinyBase, from create-tinybase through persistence and sync.

tinyplex/tinybase

Instrument and discover analytics events in Sentry's frontend UI.

getsentry/sentry

Guides installing, configuring, styling and using taro-ui (At* components) in Taro apps for WeChat, Alipay, H5 and React Native.

jd-opensource/taro-ui

Use boneyard-js to add, configure, debug, or rebuild skeleton screens.

0xGF/boneyard

Reviews and converts UI code to Chakra UI v3, producing a critique, rewritten code or both, from plain HTML, Tailwind, CSS Modules or styled-components.

chakra-ui/chakra-ui

Perform a scoped IBM Equal Access Level 1 compliance audit of a chosen Langflow frontend surface (routes, components, or a PR) and produce a findings report mapped to WCAG/IBM Level 1 criteria.

langflow-ai/langflow

Adds Preline UI components and blocks to HTML files by querying the Preline MCP server, with rules for exact slugs and for clarifying vague requests.

htmlstreamofficial/preline

Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.

diet103/claude-code-infrastructure-showcase

Shows how to build forms with Formik and Yup validation, including conditional rules, field helpers, GraphQL submission, edit forms and multi-step flows.

ChrisWiles/claude-code-showcase

Adds AI Elements components such as conversations, messages, tool displays and prompt inputs to a Next.js project that uses shadcn/ui.

mweinbach/agent-coworker

A playbook for fixing ESLint and TypeScript errors in the OpenObserve web frontend, with rule-by-rule guidance and typing conventions.

openobserve/openobserve

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

exceptionless/Exceptionless

Build or update an interactive isometric map of a repository's architecture — buildings sized by real measurements, neighborhoods by subsystem, animated flows tracing actual call paths, and a drift…

almendili/skills

Build premium scroll-driven landing pages for service, product, food, and drink brands.

nateherkai/scroll-craft

Rules for writing Vue 3 templates with Buefy components on Bulma CSS: install options, prop conventions, b-field wrapping, tables, theming and dialogs.

buefy/buefy

Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

victorgarciaesgi/nuxt-typed-router

Audits one product surface against its own design evidence and writes self-contained implementation plans for another agent, without touching product source.

ibelick/ui-skills

Write or revise a page under docs/ for gofastmcp.com. An agent skill from PrefectHQ/fastmcp.

PrefectHQ/fastmcp

Rules for adding or fixing client-side scripts in Tabler's Astro components so the copied preview HTML stays readable, self-contained and runs in the right order.

tabler/tabler

Captures before and after screenshots of two URLs or images with the Vercel before-and-after CLI, uploads them and can add a markdown comparison to a pull request.

michaelshimeles/skills

Teaches the GSAP timeline API for sequencing animations: gsap.timeline(), the position parameter, labels, defaults, nesting and playback control.

greensock/gsap-skills

A skill your agent uses when creating new UI components in packages/ui.

nukeop/nuclear

Paperclip UI design system guide for building consistent, reusable frontend components.

paperclipai/paperclip

Publish static HTML pages and asset folders to the Paperclip S3/CloudFront page host.

paperclipai/paperclip

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop

Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.

addyosmani/web-quality-skills

Audit a documentation site for agent-friendliness: discovery, markdown delivery, crawlability, semantic structure, machine-readable surfaces, and content legibility.

docker/docs