Skills by job · page 19

Design & front-end skills

472 audited skills for design & front-end: 360 SAFE, 90 CAUTION, 22 BLOCK. UI review, design systems, CSS and accessibility checks.

Ask an AI about this pageGChatGPTCClaudePPerplexityGeGeminiXGrok
More
Cite

Cite this page

ModelsAtlas. “Design & front-end skills”. Retrieved 29 Oct 2026. https://modelsatlas.com/skills/topic/design/page/19
472 design & front-end skills · page 19 of 20 · ranked by trust score, then stars

Cmd A11y Audit

alirezarezvani/claude-skills

!CAUTION B

380 Claude Code skills & agent skills & plugins (30+ Agents, 70+ custom commands, 380+ skills, customizable references, scripts)for Claude Code, Codex, Gemini CLI, Cursor, and 8 more coding agents — engineering,…

★ 28k88/100

Brand Writer

zed-industries/zed

!CAUTION B

Write clear, developer-first copy for Zed — leading with facts, grounded in craft.

★ 92k87/100

html-anything

nexu-io/html-anything

!CAUTION B

Substack / Medium 高级感长文排版, 适合公众号、博客发布

★ 9k87/100

Brand Kit

SamurAIGPT/Generative-Media-Skills

!CAUTION B

Open-source, self-hosted AI agent workspace and alternative to OpenAI Dots, Meta Muse, Grok Bot, Instinct, Manus Cue, Claude Cowork, and ChatGPT agent. MIT-licensed; includes chat, connectors, approvals, and optional…

★ 5.5k87/100

Design Guide

SamurAIGPT/Generative-Media-Skills

!CAUTION B

Open-source, self-hosted AI agent workspace and alternative to OpenAI Dots, Meta Muse, Grok Bot, Instinct, Manus Cue, Claude Cowork, and ChatGPT agent. MIT-licensed; includes chat, connectors, approvals, and optional…

★ 5.5k87/100

Interior Design

SamurAIGPT/Generative-Media-Skills

!CAUTION B

Open-source, self-hosted AI agent workspace and alternative to OpenAI Dots, Meta Muse, Grok Bot, Instinct, Manus Cue, Claude Cowork, and ChatGPT agent. MIT-licensed; includes chat, connectors, approvals, and optional…

★ 5.5k87/100

Interior Design Visualizer

SamurAIGPT/Generative-Media-Skills

!CAUTION B

Open-source, self-hosted AI agent workspace and alternative to OpenAI Dots, Meta Muse, Grok Bot, Instinct, Manus Cue, Claude Cowork, and ChatGPT agent. MIT-licensed; includes chat, connectors, approvals, and optional…

★ 5.5k87/100

Ui Design

SamurAIGPT/Generative-Media-Skills

!CAUTION B

Open-source, self-hosted AI agent workspace and alternative to OpenAI Dots, Meta Muse, Grok Bot, Instinct, Manus Cue, Claude Cowork, and ChatGPT agent. MIT-licensed; includes chat, connectors, approvals, and optional…

★ 5.5k87/100

Url To Design

SamurAIGPT/Generative-Media-Skills

!CAUTION B

Open-source, self-hosted AI agent workspace and alternative to OpenAI Dots, Meta Muse, Grok Bot, Instinct, Manus Cue, Claude Cowork, and ChatGPT agent. MIT-licensed; includes chat, connectors, approvals, and optional…

★ 5.5k87/100

Modern Css

paulirish/dotfiles

!CAUTION B

Specialized knowledge for writing modern high-quality CSS. Trigger this skill when starting a new CSS project/file, when the user asks about new CSS features (e.g. Masonry, View Transitions, Container Queries,…

★ 4.4k87/100

Design Handoff Brief

mohitagw15856/pm-claude-skills

!CAUTION B

Transform feature briefs into structured design briefs that give designers the context they need before opening Figma. Use when asked to write a design brief, create a design handoff, brief a designer on a new feature,…

★ 1.4k87/100

Ui Ux Pro Max

Ohh-889/skyroc-admin

!CAUTION B

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction,…

★ 79587/100

wordpress-devkit

ehsanenaloo/wordpress-devkit

!CAUTION B

Build, debug or review accessible WordPress controls: forms, errors, dialogs, menus, tabs, focus, live announcements, block, admin and WooCommerce UI. Use for keyboard and screen-reader behavior of a component;…

★ 085/100

Ux Design

Donchitos/Claude-Code-Game-Studios

!CAUTION C

Section-by-section UX spec authoring for a screen, flow or HUD. Reads the player journey to provide context; also project-wide accessibility.

★ 26k79/100

Flutter Agent Plugins

flutter/skills

!CAUTION C

Write and organize unit tests for functions, methods, and classes using `package:test`. Use when creating new logic or fixing bugs to ensure code remains correct and regression-free.

★ 3.1k79/100

agent

uxkin/agent

!CAUTION C

Build UI that fits the product instead of generic AI defaults. Use whenever building, designing, redesigning, restyling, polishing or reviewing screens, pages, components, flows or design systems, including requests…

★ 179/100

Nuxt UI

nuxt/ui

!CAUTION D

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites,…

★ 7k70/100

Ckm Banner Design

nextlevelbuilder/ui-ux-pro-max-skill

✕BLOCK D

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms:…

★ 141k69/100

Write Release Notes

tldraw/tldraw

✕BLOCK D

Writing release notes articles for tldraw SDK releases. Use when creating new release documentation, drafting release notes from scratch, or reviewing release note quality. Provides guidance on structure, voice, and…

★ 51k69/100

Write Unit Tests

tldraw/tldraw

✕BLOCK D

Writing unit and integration tests for the tldraw SDK. Use when creating new tests, adding test coverage, or fixing failing tests in packages/editor or packages/tldraw. Covers Vitest patterns, TestEditor usage, and test…

★ 51k69/100

Write Issue

tldraw/tldraw

✕BLOCK D

Reference standards for writing and maintaining GitHub issues in the tldraw repository. Use as supporting guidance when another skill or workflow needs issue title, body, type, label, or triage standards.

★ 51k69/100

Write Example

tldraw/tldraw

✕BLOCK D

Writing examples for the tldraw SDK examples app. Use when creating new examples, adding SDK demonstrations, or writing example code in apps/examples.

★ 51k69/100

Write E2e Tests

tldraw/tldraw

✕BLOCK D

Writing Playwright E2E tests for tldraw. Use when creating browser tests, testing UI interactions, or adding E2E coverage in apps/examples/e2e or apps/dotcom/client/e2e.

★ 51k69/100

Skill Creator

tldraw/tldraw

✕BLOCK D

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends an AI agent's capabilities with specialized knowledge, workflows, or tool…

★ 51k69/100