Best agent skills for designers, page 19

在 wot-ui 项目中创建新组件骨架与必要注册点。用户要求从零创建组件源码、补齐 types.vue.scss 结构或注册全局组件类型时调用；不负责 Demo 页、测试和文档迁移。

wot-ui/wot-ui

Atlas — a design language and UI guide system for agent interfaces.

pacifio/ui

Record and cut a short showcase video of a game mod, or a compilation of clips, ready to post on X/YouTube.

rehan-remade/universal-modder

Creates professional 50-60s vertical explainer videos (9:16 format, 1080x1920 @ 30fps) for any given topic using Remotion, styled with modern aesthetics and narrated by natural voiceover using…

Cuongyd196/remotion-cuongit-template

Author and review the WebMCP documentation site using its Diataxis structure, Mintlify conventions, writing rules, design system, and source-of-truth boundaries.

WebMCP-org/npm-packages

Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff…

ceilf6/FrontAgent

Run validated SparkDiffusion inference for Wan 2.1 or Wan 2.2 T2V/I2V models.

AlibabaResearch/SparkDiffusion

Expert guidance for Satori, the library that converts JSX/HTML and CSS into SVG (the engine behind dynamic Open Graph images and social cards).

usenotra/notra

GSAP animation reference for HyperFrames. An agent skill from alecs5am/ralphy.

alecs5am/ralphy

Maintain WCAG-focused accessibility in stream-chat-react. An agent skill from GetStream/stream-chat-react.

GetStream/stream-chat-react

AI image generation with OpenAI, Google, DashScope and Canghe APIs.

freestylefly/canghe-skills

Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse.

Dicklesworthstone/meta_skill

Regression check — diff a live page's web accessibility (a11y) violations against a baseline.

AccessLint/skills

Routes story-to-video work through slash commands for character cards, scene images, storyboards, video prompts and posters, with prompt QC and draft, lock and commit states.

jijiutong/ai-visual-director

Browser automation via 70 tabz MCP tools. An agent skill from GGPrompts/TabzChrome.

GGPrompts/TabzChrome

Adds animated page transitions to multi-page sites with Barba.js, covering the wrapper and container markup, lifecycle hooks, views and GSAP integration.

freshtechbro/claudedesignskills

Author a new Design System Doc Spec (DSDS) spec from component implementation, Figma design, or written requirements.

somerandomdude/design-system-documentation-schema

Guides porting existing Android 2D apps to Meta VR and Horizon OS — input adaptation, panel layout, and design requirements.

meta-quest/agentic-tools

Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius…

bryllim/bryl-minimal-design

Generate and edit images using Wan and Qwen Image models. An agent skill from QianWen-AI/qianwen-ai.

QianWen-AI/qianwen-ai

Designs and reviews Android screens with attention to touch ergonomics, adaptive layouts, accessibility, state handling and an implementation handoff.

ModinMobileSTS/SlayTheAmethystModded

A skill your agent uses to evaluate architecture, design proposals, refactors, module boundaries, dependency direction, data flow, concurrency model, and maintainability tradeoffs across any codebase.

bbartling/open-fdd

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.

bergside/typeui

Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer.

alex-durango/pingfusi

Resolve reviewed local BGM, sound effects, images, icons, and brand assets into frozen project files plus a manifest.

waker240/FullVideoProductionSkill

Create film-asset passports before generation. An agent skill from machina-exm/film-studio-skills.

machina-exm/film-studio-skills

The DataRepublican design system — tokens, the .dr- component layer, the z-index scale, the icon set and the shell measure.

DataRepublican/datarepublican

Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.

Orange-OpenSource/Orange-Boosted-Bootstrap

Builds, styles, and reviews UI with BEEQ, Endava's web-component design system.

Endava/BEEQ

Align a MuJoCo MJCF robot model with a URDF source while preserving kinematics, geometry, masses, centers of mass, and inertia tensors.

i2rt-robotics/i2rt

Make a site behave on real phones — the defects no Lighthouse run or headless scroll test sees, learned from site owners reviewing production sites on an iPhone.

textura-agency/next16-claude-starter

How Inkline components are built and kept consistent — the headless/styled split, family anatomy, prop/axis conventions, recipe consumption, the current 5-family catalog and its gap list.

inkline/inkline

Guide for updating Iconify icons and IconNames conventions in BMM.

Y80/bmm

Guides Lovart Agent from one visual reference to a coherent brand system, campaign assets, and packaging concepts through a gated creative-direction workflow.

amirmushichge/brand-system-skill

Apply a Swiss International Style design system using Tailwind CSS.

try-works/role-model

Create beautiful infographics based on given text content. An agent skill from antvis/chart-visualization-skills.

antvis/chart-visualization-skills

Turns a photo into a surreal pop collage: a black-and-white subject, huge flat color shapes for the background and exactly one impossible giant element.

2998980-hue/surreal-pop-collage

A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

MaxHan7/frontend-ui-standards-skill

Storybook best practices for Wonder Blocks component stories.

Khan/wonder-blocks

A skill your agent uses when reviewing or fixing a UI built with pxlkit (@pxlkit/ui-kit) for canonical API usage, accessibility and pixel-perfect quality.

Joangeldelarosa/pxlkit

Routes visual design requests to built-in logo, corporate identity, slide, banner, social photo and icon workflows, backed by style data and AI image generation.

assafkip/kipi-system

Design, audit, and evolve physical source and package structures that expose real architectural boundaries while keeping related behavior together.

citypaul/.dotfiles

Lane-stack design + brand intelligence (vendored ui-ux-pro-max).

VKirill/claude-lane-stack

Generate professional SVG UI panels for structured information display.

xjtulyc/MedgeClaw

Automate image generation on Google Gemini (gemini.google.com) using CamoFox CLI.

redf0x1/camofox-browser

A skill your agent uses when creating, updating, debugging, or reviewing Scout UI tests in Kibana (Playwright + Scout fixtures), including page objects, browser authentication, parallel UI tests…

elastic/kibana

Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

LiteyukiStudio/LiteyukiBot

将数据或文字内容转化为可视化信息图，支持静态（AntV）和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画；要单张静态图片 URL 用 chart-visualization，要 CSV/JSON→整页报告用 data-report

ZJU-REAL/Easel