Frontend & Design

End-to-end workflow for building a new Terrae component from scratch

alamenai/terrae

Develop AI agents, tools, and workflows with Mastra v1 Beta and Hono servers.

jwynia/agent-skills

Teaches the saga pattern with call and put so network requests and side effects stay out of the logic and sagas can be tested without mocks.

paralleldrive/aidd

Surgical aesthetic upgrade pipeline for existing React codebases.

Yu-369/VibeCurb

Accessibility-first UI automation using IDB. An agent skill from conorluddy/xclaude-plugin.

conorluddy/xclaude-plugin

Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed.

myICOR/myPKA

Integrate a new component into the Sona UI library end to end — the full per-component pipeline of writing the component, demo, docs, registry entry, nav link, playground controls, regenerating the…

Dinil-Thilakarathne/sona-ui

Implement accessible Video.js UI. An agent skill from videojs/video.js.

videojs/video.js

Enable or disable maintenance mode for the frontend. An agent skill from codecrafters-io/frontend.

codecrafters-io/frontend

Create React/Vue component with TypeScript, tests, and styles.

qf-studio/navigator

Applies React/TypeScript type safety, component design, and state management rules.

shinpr/ai-coding-project-boilerplate

Draws true-isometric diorama illustrations of developer and design workspaces in one green ramp, generated as SVG with a bundled scene kit.

MengTo/Skills

The reference presentation-tool contract, covering server-side enrichment, suggestion chips, the event stream, progressive rendering, both roles' built-in components, and adding a vertical component.

anthropics/commerce-agents

Give a structured product design critique — user job clarity, hierarchy, affordance, error states, accessibility, and consistency — focused on what to change, in what order, and why.

paperclipai/paperclip

Creates unique, production-grade frontend interfaces with exceptional design quality.

YYH211/Claude-meta-skill

Pre-submission PR checklist for gluestack-ui contributions. An agent skill from gluestack/gluestack-ui.

gluestack/gluestack-ui

Quick reference for the Breeze Helper Tauri desktop app — architecture, Rust backend commands, React frontend, config files, IPC with the Go agent, helper chat API routes, tool approval flow, and…

LanternOps/breeze

Generate machine-readable index files in .ai/index/ (component inventory, uses/usedBy graph, stats) for AI agents.

murphytrueman/design-system-ops

指导在前端项目中按团队规范创建和维护路由，包括目录结构、Page 与 Loader 职责划分及懒加载用法。当前端需要新增或重构页面路由时使用本技能。

AntonHu/ai-coding-project

Step-by-step workflow for creating a new SCSS and/or JavaScript component in OUDS Web.

Orange-OpenSource/Orange-Boosted-Bootstrap

NaiveTab 浏览器扩展的 i18n 国际化开发指南。当用户要新增/修改翻译文本、添加多语言 key 时使用。涵盖中英文同步更新规则、变量替换模式等，防止遗漏或格式错误。

GXFG/newtab-naivetab

Extract design systems from reference UI images and generate implementation-ready UI design prompts.

zebbern/claude-code-guide

优化 subPages 演示页面中的样式，将硬编码的颜色、字号、间距、圆角等替换为 wot-ui 设计系统语义变量。允许直接使用已全局注入的 variable.scss Sass 变量，也允许使用 CSS 自定义属性；不需要额外引入 variable.scss。消除手写的暗色模式覆盖块，统一使用语义变量实现自适应主题。同时将 class 命名统一为 BEM 规范。

wot-ui/wot-ui

Symfony UX Map for interactive maps with Leaflet or Google Maps in Symfony.

smnandre/symfony-ux-skills

Compose and typeset polished PDFs for personal reading on paper.

nateberkopec/dotfiles

Provides one-command project creation for uni-app using the official quickstart CLI, including project initialization, configuration, and template…

feige996/unibest

Use sub-agents to iteratively improve dashboard-building instructions.

adam-s/intercept

Apple Human Interface Guidelines design foundations. An agent skill from raintree-technology/hig-doctor.

raintree-technology/hig-doctor

Guidelines for writing UI code in Warp's GUI desktop client, centered on reusing shared components and themes instead of adding one-off styling.

warpdotdev/warp

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave

Produces an implementation-ready spec from a finished design, covering layout, tokens, states, responsive behavior, edge cases, motion and accessibility, so engineers do not have to guess.

getcrew44/crew44

Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data.

google-labs-code/stitch-skills

Analyzes specifications and feature descriptions for user flow completeness and gap identification.

udecode/plate

Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.

freshtechbro/claudedesignskills

A skill your agent uses when the user wants professional UI/UX design guidance, design-system generation, UX review, or stack-specific frontend guidance through a bundled local UI/UX Pro Max dataset…

Peiiii/nextclaw

Alt text, SVGs, figures, charts, heading order, page titles and landmarks.

Community-Access/accessibility-agents

Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA.

MemTensor/memmy-agent

Audit, diagnose, or optimize website loading and interaction performance, Core Web Vitals, and Lighthouse performance scores.

cloudflare/skills

仅做 BPU 计数器提取与批量汇总（机器可读 JSON/CSV）。配置文件只需要写原始 stats 计数器名. An agent skill from OpenXiangShan/GEM5.

OpenXiangShan/GEM5

When the user wants to optimize, improve, or increase conversions on any marketing page or form — including homepage, landing pages, pricing pages, feature pages, lead capture forms, or contact forms.

Nexus-JPF/note-companion

Updates the shadcn/ui theme by editing OKLCH CSS custom properties in apps/core/styles/tailwind.css.

pagezero-dev/pagezero

Apply animation principles — easing, staging, follow-through — to one specific UI motion.

Owl-Listener/designer-skills

Autonomous form builder. An agent skill from filedcom/opentax.

filedcom/opentax

Framer Motion (Motion) patterns for React: spring presets, staggers, layout animations, micro-interactions, scroll effects and page transitions, with performance rules.

dylanfeltus/skills

Create or update a GitHub Pull Request — analyze the diff, draft the description from the repo template, push with gh.

scaleway/ultraviolet

Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding.

getsentry/skills

A skill your agent uses to audit an interface that already exists and say precisely why it looks generated, templated, or unfinished — a scored rubric across composition, typography, color, states…

WrongStack/WrongStack

Convert markdown to a beautifully styled, shareable HTML page and upload to S3-compatible storage

alexknowshtml/claude-skills