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.
Cite
Cite this page
ModelsAtlas. “Design & front-end skills”. Retrieved 29 Oct 2026. https://modelsatlas.com/skills/topic/design/page/15
Knowledge Base Design
revfactory/harness-100
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'…
Learning Design
revfactory/harness-100
교육설계자(curriculum-designer)와 콘텐츠작성자(content-writer)가 사용하는 학습 설계 전문 스킬. 블룸 분류학, 가네의 9단계, 역방향 설계, 인지 부하 이론 등 교수설계 핵심 이론과 적용 방법을 제공한다. '학습목표', '교수설계', '커리큘럼', '학습 이론' 등에 활용한다.
Learning Path Design
revfactory/harness-100
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.…
Mobile Ux Patterns
revfactory/harness-100
모바일 UX 설계 패턴 라이브러리. iOS HIG/Material Design 3 가이드라인, 네비게이션 패턴, 제스처 인터랙션, 반응형 레이아웃, 접근성 체크리스트를 제공하는 ux-designer 확장 스킬. '모바일 UX', 'iOS 가이드라인', 'Material Design', '네비게이션 패턴', '제스처', '디자인 토큰', '모바일 접근성' 등 모바일 UI/UX 설계 시…
Quest Design Patterns
revfactory/harness-100
퀘스트디자이너(quest-designer)가 사용하는 퀘스트 설계 패턴 전문 스킬. 퀘스트 아키타입, 보상 심리학, 난이도 곡선, 플레이어 동기 부여 프레임워크를 제공한다. '퀘스트 설계', '보상 체계', '미션 구조', '퀘스트 패턴' 등에 활용한다.
Sdk Design Patterns
revfactory/harness-100
SDK/API 클라이언트 설계 패턴: 빌더 패턴, 인터셉터 체인, 재시도 전략, 타입 안전 설계, 에러 핸들링, 페이지네이션 래퍼 가이드. 'SDK 설계', '클라이언트 패턴', '재시도 전략', '인터셉터', '빌더 패턴', 'SDK 에러 처리', '타입 안전', 'SDK 아키텍처' 등 SDK 구조 설계 시 이 스킬을 사용한다. sdk-developer의 SDK 설계 역량을 강화한다.…
Test Design Patterns
revfactory/harness-100
효과적인 테스트 설계를 위한 패턴, 경계값 분석, 동등 분할, 상태 전이 테스트 등 체계적 테스트 케이스 도출 방법론. '테스트 설계', '테스트 케이스 도출', '경계값 분석', '동등 분할', '상태 전이 테스트', '페어와이즈', '테스트 매트릭스' 등 테스트 설계 시 이 스킬을 사용한다. test-strategist와 unit-tester의 테스트 설계 역량을 강화한다. 단, 테스트…
Ux Linter
revfactory/harness-100
CLI 도구의 사용자 경험을 검증하는 체크리스트와 모범 사례. 'CLI UX 검증', '사용성 체크', '출력 형식 검증', '에러 메시지 검토', '인터랙션 패턴 검사' 등 CLI UX 품질 확인 시 사용한다. 단, GUI 사용성 테스트, 접근성 인증은 이 스킬의 범위가 아니다.
Brand Intel Branddev
gooseworks-ai/goose-skills
Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping
Brand Voice Extractor
gooseworks-ai/goose-skills
Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping
Get Brand Assets
gooseworks-ai/goose-skills
Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping
Visual Brand Extractor
gooseworks-ai/goose-skills
Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping
oil-ui
oil-oil/oil-ui
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…
Anthropic Frontend Design
fcakyon/claude-codex-settings
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.
Mongodb Schema Design
fcakyon/claude-codex-settings
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",…
Openai Frontend Design
fcakyon/claude-codex-settings
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,…
Web Design Guidelines
fcakyon/claude-codex-settings
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".
Matlab Design Digital Filter
matlab/matlab-agentic-toolkit
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…
Matlab Design Matching Network
matlab/matlab-agentic-toolkit
The MATLAB Agentic Toolkit brings proven MATLAB capabilities to AI agents, making engineering and scientific workflows agent-ready.
Matlab Design Pcb Coupler
matlab/matlab-agentic-toolkit
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,…
Matlab Design Pcb Filter
matlab/matlab-agentic-toolkit
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,…
Matlab Design Pcb Passive
matlab/matlab-agentic-toolkit
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,…
Matlab Design Pcb Txline
matlab/matlab-agentic-toolkit
The MATLAB Agentic Toolkit brings proven MATLAB capabilities to AI agents, making engineering and scientific workflows agent-ready.
Matlab Optimize Pcb Design
matlab/matlab-agentic-toolkit
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…