Skills by job · page 16

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/16
472 design & front-end skills · page 16 of 20 · ranked by trust score, then stars

Database Design

MoizIbnYousaf/Ai-Agent-Skills

✓SAFE B

Database schema design, optimization, and migration patterns for PostgreSQL, MySQL, and NoSQL databases. Use for designing schemas, writing migrations, or optimizing queries.

★ 1.1k89/100

Compose State Holder Ui Split

chrisbanes/skills

✓SAFE B

Skills for Kotlin, Jetpack Compose, and Android development

★ 1.1k89/100

Compose Ui Testing Patterns

chrisbanes/skills

✓SAFE B

Use when writing or reviewing Jetpack Compose UI tests, screenshot tests or baseline-recording evidence, previews, semantics assertions, fake image loading, keyboard input, focus assertions, interaction state…

★ 1.1k89/100

Flutter Ui Design

K9i-0/ccpocket

✓SAFE B

Flutter UI実装のアーキテクチャ規約・コンポーネント分割・状態管理ガイド(Bloc/Cubit版)

★ 1.1k89/100

Ui Features

marcus/sidecar

✓SAFE B

Implementing UI/UX features in sidecar including modals (internal/modal library), keyboard shortcuts, mouse support, scrolling, pill/tab rendering, and pane resizing. Use when implementing UI features, handling user…

★ 1.1k89/100

Api Design Safety

doccker/cc-use-exp

✓SAFE B

当设计或修改 REST API 响应结构、处理 API 返回值,或生成 Excel/CSV/PDF/对账文件等下游产物时触发。防止 API 设计缺陷导致的字段错位、类型歧义,以及生成产物时关键字段缺失但静默成功的问题。

★ 1.1k89/100

Cc Api Design Safety

doccker/cc-use-exp

✓SAFE B

当设计或修改 REST API 响应结构、处理 API 返回值,或生成 Excel/CSV/PDF/对账文件等下游产物时触发。防止 API 设计缺陷导致的字段错位、类型歧义,以及生成产物时关键字段缺失但静默成功的问题。

★ 1.1k89/100

Onboarding Ux

jezweb/claude-skills

✓SAFE B

Audit and generate in-app user guidance — onboarding flows, empty states, tooltips, feature tours, contextual help, defaults, and inline hints. Browses the app to find where new users would get stuck, then produces the…

★ 1.1k89/100

Shadcn Ui

jezweb/claude-skills

✓SAFE B

Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with semantic tokens, and common UI recipes (forms, data tables,…

★ 1.1k89/100

Tailwind Theme Builder

jezweb/claude-skills

✓SAFE B

Set up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever the user mentions Tailwind v4, setting up Tailwind theming,…

★ 1.1k89/100

Ux Audit

jezweb/claude-skills

✓SAFE B

Walk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss. REQUIRES proof of interaction (typing, clicking, sending, observing) before any verdict — a sweep that didn't…

★ 1.1k89/100

Ux Compare

jezweb/claude-skills

✓SAFE B

Compare UX patterns across multiple reference apps using pattern libraries produced by ux-extract. Reads 2+ pattern-library.md files, walks them category by category, identifies where apps converge (strong signal),…

★ 1.1k89/100

Ux Extract

jezweb/claude-skills

✓SAFE B

Exhaustively extract UX patterns from a reference web app. Walks every screen, captures screenshots of every state, records interaction patterns, copy verbatim, keyboard shortcuts, responsive treatments, motion, and…

★ 1.1k89/100

Design Loop

jezweb/claude-skills

✓SAFE B

Autonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates a page in HTML/Tailwind, integrates it into the site, verifies visually, then writes the…

★ 1.1k89/100

Design Review

jezweb/claude-skills

✓SAFE B

Review a web app or page for visual design quality — layout, typography, spacing, colour, hierarchy, consistency, interaction patterns, and responsive behaviour. Not a UX audit (that checks usability) — this checks…

★ 1.1k89/100

Design System

jezweb/claude-skills

✓SAFE B

Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component styles, spacing, and atmosphere through browser automation and HTML inspection.…

★ 1.1k89/100

Pbi Report Design

data-goblin/power-bi-agentic-development

✓SAFE B

The Power BI report design canon covering design identity, visual hierarchy and the 3-30-300 rule, layout/spacing/alignment, color discipline, chart selection, KPI and card design, tables and matrices, accessibility,…

★ 1k89/100

Brand Visual

kostja94/marketing-skills

✓SAFE B

When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics). Also use when the user mentions "brand style guide," "visual identity," "design system,"…

★ 1k89/100

styleseed

bitjaru/styleseed

✓SAFE B

Build, improve, or inspect UI with StyleSeed. Preserves project design choices and routes setup, layout, tokens, review, rendered verification, and updates through one entry point.

★ 97689/100

Octocode Design

bgauryy/octocode

!CAUTION B

Code research platform for AI agents; find, understand, and prove context across your code and all of GitHub, in a fraction of the tokens. One toolset, MCP or CLI

★ 95089/100

Design Consultation

paperclipai/companies

!CAUTION B

Build a complete design system from scratch. Competitive research via web search and browse. SAFE/RISK breakdown of choices. Self-contained HTML preview page. Outputs DESIGN.md as project design source of truth.

★ 91989/100

Design Review

paperclipai/companies

!CAUTION B

Design document validation

★ 91989/100

Design Review Action

paperclipai/companies

!CAUTION B

GitHub Actions integration for automated design review on pull requests that modify frontend files

★ 91989/100

Design System

paperclipai/companies

!CAUTION B

Game Design Document authoring guide (8-section GDD format)

★ 91989/100