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.
Cite
Cite this page
ModelsAtlas. “Design & front-end skills”. Retrieved 29 Oct 2026. https://modelsatlas.com/skills/topic/design/page/10
Api And Namespace Design
iflytek/skillhub
API design conventions, namespace coordinate system, RBAC roles, ClawHub compatibility layer, OpenAPI contract sync rules, and CSRF/session handling.
Agentation Self Driving
benjitaylor/agentation
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…
Agentation
benjitaylor/agentation
Add Agentation visual feedback toolbar to a Next.js project
Ontology Design Guide
brycewang-stanford/Auto-Empirical-Research-Skills
Design ontologies and knowledge graphs for research data modeling
Architecture Design Guide
brycewang-stanford/Auto-Empirical-Research-Skills
Design principles of form, function, sustainability in architecture
Assessment Design Guide
brycewang-stanford/Auto-Empirical-Research-Skills
Psychometrics and educational assessment design for researchers
Clinical Trial Design Guide
brycewang-stanford/Auto-Empirical-Research-Skills
Clinical trial methodology, biostatistics, and study design guidance
Curriculum Design Guide
brycewang-stanford/Auto-Empirical-Research-Skills
Systematic approaches to curriculum design using backward design and alignment
Experimental Design Guide
brycewang-stanford/Auto-Empirical-Research-Skills
Design rigorous experiments using DOE, factorial designs, and response surfaces
Brand Guidelines
composio-community/open-claude-cowork
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…
Extract Design
Manavarya09/design-extract
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…
Marketplace
Manavarya09/design-extract
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,…
gzh-design-skill · 公众号排版技能
isjiamu/gzh-design-skill
微信公众号文章排版引擎,将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取,自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / PDF / 纯文本输入(非 Markdown…
Cli Logging Ux
microsoft/apm
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,…
Devx Ux
microsoft/apm
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.
logo-design-skill
kaankiziltug/logo-design-skill
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,…
Kiro Spec Design
gotalab/cc-sdd
Create comprehensive technical design for a specification
Kiro Validate Design
gotalab/cc-sdd
Interactive technical design quality review and validation
Ux Researcher Designer
foryourhealth111-pixel/Vibe-Skills
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,…
Ui Phase
davepoon/buildwithclaude
Generate UI design contract (UI-SPEC.md) for frontend phases
Ui Review
davepoon/buildwithclaude
Retroactive 6-pillar visual audit of implemented frontend code
Golang Design Patterns
samber/cc-skills-golang
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,…
Generative Ui
himself65/finance-skills
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…
Comet Design
rpamis/comet
完成 Classic 技术设计并请用户确认。在用户调用 /comet-design,或 Classic Runtime 进入 Design 时使用。