beautiful-shadows

MengTo/Skills · Agent Skill

Используйте, когда интерфейсу пользователя требуется лучшая глубина, возвышенность и обработка тени без мутного вида.

Обзор

Автор	MengToСообщество
Репозиторий	MengTo/Skills ↗
Папка скилла	`beautiful-shadows`
Звёзды	7 038
Форки	819
Файлы	5
Лицензия	MIT
Обновлён	25 октября 2026 г.
Ссылки	Исходник скилла ↗ · Репозиторий ↗

Проверка Mozgi

Что мы нашли в файлах скилла. Подробности — по подписке.

Безопасность

низкий риск · явных рисков не найдено — полный отчёт покажет детали

Совместимость

только инструкции — подходит большинству агентов

Похожие скиллы

найдено 139 похожих скиллов

Ещё в подписке

Установка

Скилл — это папка с файлом SKILL.md. Выберите своего агента и скопируйте команды в терминал (macOS, Linux или Git Bash на Windows) в корне проекта.

Скопируйте промпт и вставьте в Claude, Codex или другого ассистента: он сам проверит скилл и подключит его.

Установи мне скилл «beautiful-shadows» с mozgi.io (https://mozgi.io/skills/mengto-beautiful-shadows/).

1. Скачай архив: https://mozgi.io/skills/mengto-beautiful-shadows/download
Если не скачивается — возьми папку скилла из исходника: https://github.com/MengTo/Skills/tree/main/agent-skills/web-design/beautiful-shadows
2. Прочитай SKILL.md и остальные файлы. Проверь, что скилл безопасен: нет скрытых команд, отправки данных наружу или скриптов, которые делают не то, что описано. Если что-то подозрительно — остановись и скажи мне.
3. Положи папку «beautiful-shadows» в папку скиллов своего агента: .claude/skills/ для Claude Code, .agents/skills/ для Codex, .cursor/skills/ для Cursor, .gemini/skills/ для Gemini CLI. В проекте — внутри проекта, иначе в домашней папке (~/.claude/skills/ и т. п.).
4. Убедись, что получилось <папка скиллов>/beautiful-shadows/SKILL.md.
5. Коротко расскажи, что умеет этот скилл, и предложи попробовать его на моей задаче.

Если какой-то шаг не можешь сделать сам — подскажи, что нажать или ввести.

git clone --depth 1 --branch main https://github.com/MengTo/Skills.git /tmp/Skills
mkdir -p .claude/skills
cp -r /tmp/Skills/agent-skills/web-design/beautiful-shadows .claude/skills/beautiful-shadows

Перезапустите Claude Code — скилл появится в списке, вызвать вручную: /beautiful-shadows. Для всех проектов сразу — папка ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/MengTo/Skills.git /tmp/Skills
mkdir -p .agents/skills
cp -r /tmp/Skills/agent-skills/web-design/beautiful-shadows .agents/skills/beautiful-shadows

Codex ищет скиллы в .agents/skills от текущей папки до корня репозитория; вызвать вручную — /skills или $beautiful-shadows. Для всех проектов — ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/MengTo/Skills.git /tmp/Skills
mkdir -p .cursor/skills
cp -r /tmp/Skills/agent-skills/web-design/beautiful-shadows .cursor/skills/beautiful-shadows

Cursor подхватит скилл при запуске; вызвать вручную — «/» в чате агента. Cursor также читает .claude/skills и .agents/skills. Для всех проектов — ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/MengTo/Skills.git /tmp/Skills
mkdir -p .gemini/skills
cp -r /tmp/Skills/agent-skills/web-design/beautiful-shadows .gemini/skills/beautiful-shadows

Gemini CLI сам предложит включить скилл, когда задача подходит, — вы подтверждаете. Для всех проектов — ~/.gemini/skills.

Файлы скилла

5 файлов Скачать ZIP

Просмотрите SKILL.md и сопутствующие файлы перед установкой. Клик по файлу — предпросмотр.

Содержимое SKILL.md

Оригинальный текст автора · только чтение

Beautiful Shadows

Use When

A surface needs polished, layered elevation.
Default Tailwind shadows feel too generic or blunt.
The design needs neutral, refined depth without colored glow.

Shadow Utilities

Use these exact Tailwind classes.

Beautiful sm

Use for compact cards, form controls, pills, and quieter surfaces.

shadow-[0px_2px_3px_-1px_rgba(0,0,0,0.1),0px_1px_0px_0px_rgba(25,28,33,0.02),0px_0px_0px_1px_rgba(25,28,33,0.08)]

Beautiful md

Use for cards, panels, popovers, and the default elevated surface style.

shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),_0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)]

Beautiful lg

Use for hero media, feature callouts, modal-like containers, and the strongest lift.

shadow-[0_2.8px_2.2px_rgba(0,_0,_0,_0.034),_0_6.7px_5.3px_rgba(0,_0,_0,_0.048),_0_12.5px_10px_rgba(0,_0,_0,_0.06),_0_22.3px_17.9px_rgba(0,_0,_0,_0.072),_0_41.8px_33.4px_rgba(0,_0,_0,_0.086),_0_100px_80px_rgba(0,_0,_0,_0.12)]

Examples

<div class="rounded-xl bg-white shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),_0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)]">
  ...
</div>

Usage Rules

Use Beautiful sm for compact cards, form controls, pills, and quieter surfaces.
Use Beautiful md for cards, panels, popovers, and the default elevated surface style.
Use Beautiful lg for hero media, feature callouts, modal-like containers, and the strongest lift.
Pair with a clean surface fill and a consistent radius.
Use one shadow strength per component state unless an interaction clearly changes elevation.

Avoid

Mixing these with default Tailwind shadow scales on the same component.
Tinting these shadows with strong colors; keep them neutral and refined.
Applying Beautiful lg to dense lists or tiny controls.
Stacking multiple shadow utilities on one element.
Using these as a substitute for clear borders in very low-contrast layouts.

Вопросы и ответы

Что делает скилл beautiful-shadows?

Как установить beautiful-shadows?

Откройте блок «Установка» на этой странице и выберите своего агента — Claude Code, Codex, Cursor или Gemini CLI: там готовые команды, которые копируют папку скилла в нужное место. Либо скопируйте промпт из вкладки «Через ассистента» — ассистент сам проверит и подключит скилл.

С какими нейросетями работает beautiful-shadows?

Скиллы — это обычные инструкции в Markdown (формат Agent Skills), поэтому beautiful-shadows подходит любому агенту, который читает SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode и другие. Модель загружает инструкции только когда задача подходит под описание скилла.

Скилл beautiful-shadows бесплатный?

Скилл опубликован автором MengTo в открытом доступе под лицензией MIT. Сам скилл ничего не стоит — вы платите только своему провайдеру нейросети за использованные токены.

Безопасно ли устанавливать скиллы?

Скилл — это инструкции, которые агент будет выполнять, поэтому перед установкой прочитайте SKILL.md и сопутствующие файлы. Скрипты из папки скилла запускаются только если их запустит агент — следите за тем, что он делает, и не давайте лишних прав.

Чем скилл отличается от MCP-сервера или плагина?

MCP-сервер и плагин дают модели новые инструменты — код, который выполняется и возвращает результат. Скилл даёт знания и порядок действий: как подходить к задаче, какие шаги делать и как выглядит хороший результат. Ему не нужен сервер или ключ API.