·aesthetic
*

aesthetic

samhvw8/dot-claude

视觉设计智能和 UI 美学。集成:chrome-devtools、ai-multimodal、媒体处理。能力:设计分析、视觉层次、色彩理论、版式、微交互、动画、设计系统、可访问性。行动:分析、设计、创建、捕捉、评估、实现 UI 美学。关键词:Dribbble、Behance、Mobbin、设计灵感、视觉层次、调色板、排版、间距、动画、微交互、设计系统、风格指南、可访问性、WCAG、对比度、黄金比例、空白、视觉节奏。使用场合:构建漂亮的 UI、分析设计灵感、实施视觉层次结构、添加动画/微交互、创建设计系统、评估美学质量、捕获设计屏幕截图。

17安装·0热度·@samhvw8

安装

$npx skills add https://github.com/samhvw8/dot-claude --skill aesthetic

SKILL.md

Create aesthetically beautiful interfaces by following proven design principles and systematic workflows. This skill combines design thinking, frontend implementation patterns, and comprehensive analysis techniques.

Design Thinking First: Before coding, understand context and commit to a BOLD aesthetic direction. Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.

Evidence-Based Aesthetics: AI lacks aesthetic sense - standards must come from analyzing high-quality examples and aligning with market tastes. Study existing designs, identify patterns, extract principles.

视觉设计智能和 UI 美学。集成:chrome-devtools、ai-multimodal、媒体处理。能力:设计分析、视觉层次、色彩理论、版式、微交互、动画、设计系统、可访问性。行动:分析、设计、创建、捕捉、评估、实现 UI 美学。关键词:Dribbble、Behance、Mobbin、设计灵感、视觉层次、调色板、排版、间距、动画、微交互、设计系统、风格指南、可访问性、WCAG、对比度、黄金比例、空白、视觉节奏。使用场合:构建漂亮的 UI、分析设计灵感、实施视觉层次结构、添加动画/微交互、创建设计系统、评估美学质量、捕获设计屏幕截图。 来源:samhvw8/dot-claude。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/samhvw8/dot-claude --skill aesthetic
分类
*创意媒体
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 aesthetic?

视觉设计智能和 UI 美学。集成:chrome-devtools、ai-multimodal、媒体处理。能力:设计分析、视觉层次、色彩理论、版式、微交互、动画、设计系统、可访问性。行动:分析、设计、创建、捕捉、评估、实现 UI 美学。关键词:Dribbble、Behance、Mobbin、设计灵感、视觉层次、调色板、排版、间距、动画、微交互、设计系统、风格指南、可访问性、WCAG、对比度、黄金比例、空白、视觉节奏。使用场合:构建漂亮的 UI、分析设计灵感、实施视觉层次结构、添加动画/微交互、创建设计系统、评估美学质量、捕获设计屏幕截图。 来源:samhvw8/dot-claude。

如何安装 aesthetic?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/samhvw8/dot-claude --skill aesthetic 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/samhvw8/dot-claude