Best Design & frontend agent skills, page 4

Design System Builder

zebbern/claude-code-guide

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

Antislop Human

miqdadbadjuber/anti-slop

Human and accessibility skill for antislop.

Antislop UI

miqdadbadjuber/anti-slop

UI and visual skill for antislop. Use when building or editing any interface: color, layout, components, motion.

Visual Edit

BuilderIO/skills

Open and collaboratively edit a running local app in Design, with shared fallback previews and source handoff.

Generate2dsprite

0x0funky/agent-sprite-forge

Make game-ready 2D characters, creatures, props, icons and FX as master stills, sprite sheets or animation clips.

Video2dsprite

0x0funky/agent-sprite-forge

Turn one approved master still into a character's whole animated sprite set - one image-to-video clip per action (idle, walk, run, attack, jump, hurt, cast and so on), all from that still, generated…

Baoyu Design

JimLiu/baoyu-design

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a.

LinkedIn Employee Advocacy

sergebulaev/linkedin-skills

Stand up and run a LinkedIn employee advocacy program for a marketing or sales team.

Fast Agent Design

evalstate/fast-agent

Use this skill to generate well-branded interfaces and assets for fast-agent, either for production or throwaway prototypes/mocks/etc.

Wordpress

nowork-studio/notfair-plugin

Operate connected WordPress sites through the NotFair MCP.

Make Interfaces Feel Better

jakubkrehel/make-interfaces-feel-better

Design engineering principles for making interfaces feel polished.

Design Artifact

plannotator/effective-html

Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools.

HTML Prototype

plannotator/effective-html

Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language.

Fa Page Optimizer

fantastic-admin/basic

优化 Vue 页面，用 Fantastic-admin 框架内建组件（packages/components/）替换自定义实现和原生 HTML。当用户说：'帮我优化这个页面'、'把这些原生 HTML 换成框架组件'、'用 FaCard/FaModal/FaButton 重构一下'、'这个页面太乱了'、'统一一下 UI…

Fa Route Generator

fantastic-admin/basic

管理 Vue Router 路由配置，用于 Fantastic-admin 框架。当用户提到以下任何需求时必须使用此技能：新建页面需要加路由、详情页不想显示在菜单里、新增页和编辑页老是开两个标签、从列表跳详情返回后状态丢失、给菜单项加 NEW 标签或红点、路由需要权限控制、配置页面保活、修改路由 meta、添加面包屑配置。即使用户只是说"加个路由"或"新建了一个页面"，也应触发此技能。.

Generative UI

himself65/finance-skills

Design system and templates for Claude's built-in generative UI — the show_widget tool that renders interactive HTML/SVG widgets inline in claude.ai conversations.

Qiaomu Mondo Poster Design

nexu-io/nexu

一句话生成大师级海报、书籍封面、专辑封面和各类设计作品。无需懂PS、配色或艺术史，AI自动选择最佳风格（基于33+位传奇设计师）。支持多平台多比例：公众号封面(21:9)、小红书配图(3:4)、文章配图(16:9)、书籍封面(9:16)、专辑封面(1:1)、电影海报(9:16)。包含AI提示词优化、风格对比、图生图转换功能。触发词："Mondo风格"、"书籍封面设计"、"专辑封面"、"海报设计"…

Frontend Design

jjyaoao/HelloAgents

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution.

Comet Design

rpamis/comet

完成 Classic 技术设计并请用户确认。在用户调用 /comet-design，或 Classic Runtime 进入 Design 时使用。.

Brutalism

bergside/awesome-design-skills

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.

Flat

bergside/awesome-design-skills

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

Material

bergside/awesome-design-skills

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

Scroll Craft

nateherkai/scroll-craft

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

Accessibility

addyosmani/web-quality-skills

Audit and improve web accessibility following WCAG 2.2 guidelines.

Journey Map

Owl-Listener/designer-skills

Map one persona's end-to-end experience with stages, touchpoints, emotions, and pain points.

Sap Extension Creator

heshengtao/super-agent-party

Create Super Agent Party (SAP) extensions.

Eas Observe

expo/skills

Use for anything related to EAS Observe - adding expo-observe to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive and ObserveInteractiveMarker, the useObserve hook, the Expo Router /…

Syndic

romainsimon/paperasse

Gère un parc de copropriétés en France avec vue portfolio consolidée.

Appllama App Design Skill

Appllama/appllama-skills

Build native-feeling, benchmark-quality mobile app screens (Expo / React Native).

Architecture Optimization

wondelai/skills

Guided journey from a working codebase grown slow and tangled to one measurably fast, cleanly bounded, and readable.

Create Website

wondelai/skills

Guided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion.

Logo Design

kaankiziltug/logo-design-skill

Professional logo and brand-mark design, from brief to production files.

Typeui

bergside/typeui

Use TypeUI with Grok to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

Typeui Fundamentals

bergside/typeui

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements.

Screenshot Assets

tsingyuai/growth-lab

Capture authenticated product screenshots through the repository-owned Playwright CDP script and archive them in the invoking loop's Memory.

Xhs Render Cards

tsingyuai/growth-lab

把已批准的小红书草稿、单一分析参考和真实产品素材变成可审查卡片：先完成 DAI 与 image plan，再按确定性、完整效果或可分离图层模式制作，机械验证 PNG 与清单并运行合规检查。精确文字和真实 UI 不交给模型猜测；AI 生图需要单独配置和授权。.

Motion Design

LottieFiles/motion-design-skill

Applies motion design principles to create emotionally-driven, technically sound animations and transitions.

Design Dna

zanwei/design-dna

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

JSON UI

actionbook/actionbook

CRITICAL: Use for json-ui component rendering and development.

Sw Character Conflict

jtydhr88/screenwriting-skills

Character creation, protagonist/antagonist design and dramatic conflict for scripts (人物/对手/冲突) — merged from Lajos Egri (three-dimensional character, orchestration, unity of opposites, pivotal…

Eval Graphics

elvisun/newsjack

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright.

Diagram Design

Unclecheng-li/AI_Animation

Create technical and product diagrams — architecture, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, nested, tree, org chart, layer stack, venn, pyramid — as…

Ui2v Motions

Unclecheng-li/AI_Animation

UI2V 动效库——1,262 个 GSAP 动效包（616MB 全量离线镜像，源自 ui2v.com / illli-studio/motions）+ 按镜头用途的选型索引 + 接入演示动画的完整配方。给视频演示页/产品页/落地页挑选和嵌入高质量 UI 动效：图表入场、列表滚动、卡片翻转、文字编排、数字滚动、背景循环等即插即用。只要用户提到：UI 动效、动效库、ui2v、GSAP…

Database Design

CloudAI-X/claude-workflow-v2

Designs database schemas, indexing strategies, query optimization, and migration patterns for SQL and NoSQL databases.

First B2b Customers

RefoundAI/lenny-skills

Help users navigate the manual, unscalable journey of finding and closing their first B2B customers.

Input Systems

gamedev-skills/awesome-gamedev-agent-skills

Architect game input — action mapping (abstracting keys into named actions), rebinding with conflict detection and persistence, multi-device support (keyboard, gamepad, touch), analog deadzones, and…

Unity Animation

gamedev-skills/awesome-gamedev-agent-skills

Drive Unity 6.3 LTS character animation with Animator Controllers: states, transitions, parameters, blend trees, animation layers, and humanoid Avatar IK.

Unity Input System

gamedev-skills/awesome-gamedev-agent-skills

Wire player input in Unity 6.3 LTS with the Input System package: Input Actions, action maps, the PlayerInput component, and reading values via callbacks or polling.