Skills by job · page 10

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

Api And Namespace Design

iflytek/skillhub

✓SAFE B

API design conventions, namespace coordinate system, RBAC roles, ClawHub compatibility layer, OpenAPI contract sync rules, and CSRF/session handling.

★ 5.2k89/100

Agentation Self Driving

benjitaylor/agentation

✓SAFE B

Autonomous design critique mode using the Agentation annotation toolbar. Use when the user asks to "critique this page," "add design annotations," "review the UI," "self-driving mode," "auto-annotate," or wants an AI…

★ 5k89/100

Agentation

benjitaylor/agentation

✓SAFE B

Add Agentation visual feedback toolbar to a Next.js project

★ 5k89/100

Ontology Design Guide

brycewang-stanford/Auto-Empirical-Research-Skills

✓SAFE B

Design ontologies and knowledge graphs for research data modeling

★ 4.5k89/100

Architecture Design Guide

brycewang-stanford/Auto-Empirical-Research-Skills

✓SAFE B

Design principles of form, function, sustainability in architecture

★ 4.5k89/100

Assessment Design Guide

brycewang-stanford/Auto-Empirical-Research-Skills

✓SAFE B

Psychometrics and educational assessment design for researchers

★ 4.5k89/100

Clinical Trial Design Guide

brycewang-stanford/Auto-Empirical-Research-Skills

✓SAFE B

Clinical trial methodology, biostatistics, and study design guidance

★ 4.5k89/100

Curriculum Design Guide

brycewang-stanford/Auto-Empirical-Research-Skills

✓SAFE B

Systematic approaches to curriculum design using backward design and alignment

★ 4.5k89/100

Experimental Design Guide

brycewang-stanford/Auto-Empirical-Research-Skills

✓SAFE B

Design rigorous experiments using DOE, factorial designs, and response surfaces

★ 4.5k89/100

Brand Guidelines

composio-community/open-claude-cowork

✓SAFE B

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design…

★ 4.3k89/100

Extract Design

Manavarya09/design-extract

✓SAFE B

Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and…

★ 4.2k89/100

Marketplace

Manavarya09/design-extract

✓SAFE B

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter,…

★ 4.2k89/100

gzh-design-skill · 公众号排版技能

isjiamu/gzh-design-skill

!CAUTION B

微信公众号文章排版引擎,将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取,自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / PDF / 纯文本输入(非 Markdown…

★ 4k89/100

Cli Logging Ux

microsoft/apm

✓SAFE B

Use this skill when editing or creating CLI output, logging, warnings, error messages, progress indicators, or diagnostic summaries in the APM codebase. Activate whenever code touches console helpers (_rich_success,…

★ 4k89/100

Devx Ux

microsoft/apm

✓SAFE B

Activate when designing or modifying CLI command surfaces, command help text, install/init/run flows, error wording, or first-run experience in the APM CLI -- even when the user does not say "UX" explicitly.

★ 4k89/100

logo-design-skill

kaankiziltug/logo-design-skill

✓SAFE B

Professional logo and brand-mark design, from brief to production files. Guides discovery and the design brief, concept generation, choosing a mark type (wordmark, monogram, letterform, pictorial, abstract, emblem,…

★ 3.8k89/100

Kiro Spec Design

gotalab/cc-sdd

✓SAFE B

Create comprehensive technical design for a specification

★ 3.7k89/100

Kiro Validate Design

gotalab/cc-sdd

✓SAFE B

Interactive technical design quality review and validation

★ 3.7k89/100

Ux Researcher Designer

foryourhealth111-pixel/Vibe-Skills

✓SAFE B

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use for user research, persona creation,…

★ 3.6k89/100

Ui Phase

davepoon/buildwithclaude

✓SAFE B

Generate UI design contract (UI-SPEC.md) for frontend phases

★ 3.6k89/100

Ui Review

davepoon/buildwithclaude

✓SAFE B

Retroactive 6-pillar visual audit of implemented frontend code

★ 3.6k89/100

Golang Design Patterns

samber/cc-skills-golang

✓SAFE B

Idiomatic Golang design patterns — functional options, constructor APIs, `init()` and global-state avoidance, enums, panic vs error decisions, resource management and lifecycle, graceful shutdown, timeouts and retries,…

★ 3.4k89/100

Generative Ui

himself65/finance-skills

✓SAFE B

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. Use this skill whenever the user wants visual or…

★ 3.4k89/100

Comet Design

rpamis/comet

✓SAFE B

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

★ 3.2k89/100