Skills by job · page 15

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

Knowledge Base Design

revfactory/harness-100

✓SAFE B

Knowledge base design guide. Referenced by faq-builder and manual-writer agents when systematically organizing FAQs and troubleshooting guides. Used for 'FAQ design', 'knowledge management', 'troubleshooting guide'…

★ 1.3k89/100

Learning Design

revfactory/harness-100

✓SAFE B

교육설계자(curriculum-designer)와 콘텐츠작성자(content-writer)가 사용하는 학습 설계 전문 스킬. 블룸 분류학, 가네의 9단계, 역방향 설계, 인지 부하 이론 등 교수설계 핵심 이론과 적용 방법을 제공한다. '학습목표', '교수설계', '커리큘럼', '학습 이론' 등에 활용한다.

★ 1.3k89/100

Learning Path Design

revfactory/harness-100

✓SAFE B

Learning path design framework. Referenced by training-builder and onboarding-architect agents when designing new hire learning curricula. Used for 'learning path', 'curriculum design', 'training program' requests.…

★ 1.3k89/100

Mobile Ux Patterns

revfactory/harness-100

✓SAFE B

모바일 UX 설계 패턴 라이브러리. iOS HIG/Material Design 3 가이드라인, 네비게이션 패턴, 제스처 인터랙션, 반응형 레이아웃, 접근성 체크리스트를 제공하는 ux-designer 확장 스킬. '모바일 UX', 'iOS 가이드라인', 'Material Design', '네비게이션 패턴', '제스처', '디자인 토큰', '모바일 접근성' 등 모바일 UI/UX 설계 시…

★ 1.3k89/100

Quest Design Patterns

revfactory/harness-100

✓SAFE B

퀘스트디자이너(quest-designer)가 사용하는 퀘스트 설계 패턴 전문 스킬. 퀘스트 아키타입, 보상 심리학, 난이도 곡선, 플레이어 동기 부여 프레임워크를 제공한다. '퀘스트 설계', '보상 체계', '미션 구조', '퀘스트 패턴' 등에 활용한다.

★ 1.3k89/100

Sdk Design Patterns

revfactory/harness-100

✓SAFE B

SDK/API 클라이언트 설계 패턴: 빌더 패턴, 인터셉터 체인, 재시도 전략, 타입 안전 설계, 에러 핸들링, 페이지네이션 래퍼 가이드. 'SDK 설계', '클라이언트 패턴', '재시도 전략', '인터셉터', '빌더 패턴', 'SDK 에러 처리', '타입 안전', 'SDK 아키텍처' 등 SDK 구조 설계 시 이 스킬을 사용한다. sdk-developer의 SDK 설계 역량을 강화한다.…

★ 1.3k89/100

Test Design Patterns

revfactory/harness-100

✓SAFE B

효과적인 테스트 설계를 위한 패턴, 경계값 분석, 동등 분할, 상태 전이 테스트 등 체계적 테스트 케이스 도출 방법론. '테스트 설계', '테스트 케이스 도출', '경계값 분석', '동등 분할', '상태 전이 테스트', '페어와이즈', '테스트 매트릭스' 등 테스트 설계 시 이 스킬을 사용한다. test-strategist와 unit-tester의 테스트 설계 역량을 강화한다. 단, 테스트…

★ 1.3k89/100

Ux Linter

revfactory/harness-100

✓SAFE B

CLI 도구의 사용자 경험을 검증하는 체크리스트와 모범 사례. 'CLI UX 검증', '사용성 체크', '출력 형식 검증', '에러 메시지 검토', '인터랙션 패턴 검사' 등 CLI UX 품질 확인 시 사용한다. 단, GUI 사용성 테스트, 접근성 인증은 이 스킬의 범위가 아니다.

★ 1.3k89/100

Brand Intel Branddev

gooseworks-ai/goose-skills

✓SAFE B

Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping

★ 1.2k89/100

Brand Voice Extractor

gooseworks-ai/goose-skills

✓SAFE B

Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping

★ 1.2k89/100

Get Brand Assets

gooseworks-ai/goose-skills

✓SAFE B

Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping

★ 1.2k89/100

Visual Brand Extractor

gooseworks-ai/goose-skills

✓SAFE B

Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping

★ 1.2k89/100

oil-ui

oil-oil/oil-ui

!CAUTION B

Design, improve, and review interfaces for websites, apps, dashboards, and components: explore distinct design directions, compare styles side by side, and refine visual hierarchy against real screenshots. Delivers…

★ 1.2k89/100

Anthropic Frontend Design

fcakyon/claude-codex-settings

✓SAFE B

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

★ 1.2k89/100

Mongodb Schema Design

fcakyon/claude-codex-settings

✓SAFE B

MongoDB schema design patterns and anti-patterns. Use when designing data models, reviewing schemas, migrating from SQL, or troubleshooting performance issues caused by schema problems. Triggers on "design schema",…

★ 1.2k89/100

Openai Frontend Design

fcakyon/claude-codex-settings

✓SAFE B

Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean,…

★ 1.2k89/100

Web Design Guidelines

fcakyon/claude-codex-settings

✓SAFE B

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

★ 1.2k89/100

Matlab Design Digital Filter

matlab/matlab-agentic-toolkit

✓SAFE B

Design and validate digital filters in MATLAB. Use when cleaning up noisy signals, removing interference, filtering signals, designing FIR/IIR filters (lowpass/highpass/bandpass/bandstop/notch), or comparing filters in…

★ 1.2k89/100

Matlab Design Matching Network

matlab/matlab-agentic-toolkit

✓SAFE B

The MATLAB Agentic Toolkit brings proven MATLAB capabilities to AI agents, making engineering and scientific workflows agent-ready.

★ 1.2k89/100

Matlab Design Pcb Coupler

matlab/matlab-agentic-toolkit

✓SAFE B

Wilkinson, branchline, ratrace, directional couplers, corporate dividers, Rotman lenses for power splitting and beam-forming. TRIGGER: user asks to design, create, or analyze any coupler, splitter, power divider,…

★ 1.2k89/100

Matlab Design Pcb Filter

matlab/matlab-agentic-toolkit

✓SAFE B

Bandpass, lowpass, bandstop filter design — hairpin, coupled-line, combline, stub, SIW for frequency selection and harmonic rejection. TRIGGER: user asks to design, create, or analyze any RF filter (bandpass, lowpass,…

★ 1.2k89/100

Matlab Design Pcb Passive

matlab/matlab-agentic-toolkit

✓SAFE B

Spiral inductors, interdigital capacitors, baluns, resonators, phase shifters for impedance matching, DC blocking, and bias tees. TRIGGER: user asks to design or create a spiral inductor, interdigital capacitor, balun,…

★ 1.2k89/100

Matlab Design Pcb Txline

matlab/matlab-agentic-toolkit

✓SAFE B

The MATLAB Agentic Toolkit brings proven MATLAB capabilities to AI agents, making engineering and scientific workflows agent-ready.

★ 1.2k89/100

Matlab Optimize Pcb Design

matlab/matlab-agentic-toolkit

✓SAFE B

Optimize RF PCB dimensions for bandwidth, return loss, or area via patternsearch and surrogateopt with constraints. TRIGGER: user asks to optimize an RF PCB component for performance (bandwidth, return loss, insertion…

★ 1.2k89/100