A set of instructions for AuraDesign Agent, an AI tool that creates web interfaces from written design rules. It covers how the agent analyzes sites, chooses assets, and generates HTML and CSS.

Use it to analyze an existing website or screenshot, create an AURADESIGN.md design specification, choose approved visual assets, and generate interface code.

It gives the agent consistent design requirements to follow instead of producing unrelated layouts or generic-looking pages.

aura-design — Cursor rule for Cursor by Horosheff: A set of instructions for AuraDesign Agent, an AI…

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods

npx agentmods add rules/horosheff/aura-designer/aura-design

Clone the repo

git clone --depth 1 https://github.com/Horosheff/aura-designer

Made for: Cursor.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/rules/horosheff/aura-designer/aura-design.svg)](https://agentmods.dev/rules/horosheff/aura-designer/aura-design)

Your own site

<a href="https://agentmods.dev/rules/horosheff/aura-designer/aura-design"><img src="https://agentmods.dev/badge/rules/horosheff/aura-designer/aura-design.svg" alt="Measured on agentmods" height="20"></a>

Per session 2,007 This file is loaded in full into every session.

When invoked 2,007 The same file — it is already loaded in full.

Security scan A 0 findings. Scan, not verified.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.02007	$0.02007
Opus 5	$0.01004	$0.01004
Sonnet 5	$0.00401	$0.00401
Haiku 4.5	$0.00201	$0.00201

Measured 6d ago against content hash 0eef30a2c27d, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-05, from the pricing page.

Security

Grade A, and why

aura-design scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.cursor/rules/aura-design.mdc · 73 lines

How it starts

The opening of the file, as written. The whole thing — 73 lines — stays where its author put it; the contents beside it link to each section on GitHub.

AuraDesign Agent — Руководство по разработке и стандартам

AuraDesign Agent — это независимый, автономный ИИ-агент, созданный для генерации премиальных, высококонверсионных веб-страниц по строгим машиночитаемым дизайн-контрактам (AURADESIGN.md), исключающим клише и "AI-мусор" (Slop).

1. Архитектура Агента

Агент состоит из следующих модулей, расположенных в папке auradesign-agent/:

aura.py — Главный CLI-интерфейс управления (scan, preset, generate, pipeline).
aura_scanner.py — Модуль визуального и структурного анализа сайтов (HTML/CSS) или скриншотов. На выходе создает контракт AURADESIGN.md.
aura_asset_manager.py — MCP Asset Gate. Пропускает только реальные URL, полученные через MCP KV user-mcp-kv/gpt-image-2 и user-mcp-kv/recraft_remove_background. Fallback-картинки, Python/Pillow/crop/chroma key и stock URL запрещены для новых hero/case-study/person/object ассетов.
aura_generator.py — Компилятор интерактивного HTML/CSS кода (Tailwind CSS) на основе дизайн-токенов и философии контракта AURADESIGN.md.
presets/ — Библиотека готовых эталонных контрактов по нишам (saas.md, fintech.md, glassmorphism.md, pets.md, cosmic.md, alpinism.md, bumaga.md).

2. Ключевые Законы Дизайна (Anti-Slop & Anti-AI)

При генерации любого контракта или веб-страницы агент обязан соблюдать строгие анти-кризисные правила дизайна:

Категорический запрет на эмодзи (Emojis Banned):
- В дизайне интерфейсов запрещено использовать стандартные эмодзи.
- Все декорации, иконки и маркеры списков должны быть заменены на кастомные, высококачественные inline-векторы <svg>, отрисованные под стиль конкретного архетипа.
Запрет на шрифт Inter по умолчанию и Правила Подбора Шрифтов:
- Запрещено использовать Inter в качестве единственного или основного шрифта для всех ниш (это выдает "дизайн от разработчика").
- Матрица подбора шрифтовых пар Aura:
  - bumaga (брутализм): Заголовки — Unbounded (black/bold), Plus Jakarta Sans (ultra-bold), Clash Display (допускается lowercase). Body — Plus Jakarta Sans, Space Grotesk, DM Sans.
  - saas (минимализм/SaaS): Заголовки — Plus Jakarta Sans, Outfit, Clash Display. Body — Plus Jakarta Sans (light/medium), Manrope, DM Sans.
  - fintech / cosmic (Web3/технологии): Заголовки — Space Grotesk, Syne, Share Tech Mono. Body — Space Grotesk, JetBrains Mono.
  - pets (органическая теплота): Заголовки — Fredoka, Comfortaa, Quicksand. Body — Quicksand, Comfortaa.
  - alpinism (элитарность/классика): Заголовки — Newsreader (italic/medium), Marcellus, Playfair Display. Body — Newsreader, Lora, IBM Plex Mono (акцент).
  - glassmorphism (эффекты стекла): Заголовки — Plus Jakarta Sans, Outfit, Syne. Body — Inter (только для мелкого body в light начертании).
- Законы оптической плотности и начертания:
  - Сверхжирные заголовки (fontWeight: 800/900) требуют отрицательного трекинга (tracking-tight или tracking-tighter, в CSS: -0.02em до -0.05em).
  - Заголовки в строчном регистре (all-lowercase в брутализме) требуют максимального сжатия межстрочного (line-height: 1.05-1.1) и межбуквенного расстояния (tracking-tighter).
  - Запрещено использовать более двух различных шрифтовых семейств на одной странице (третий — только мелкий технический моноширинный шрифт до 12px).
Запрет на стандартные размытые черные тени:
- Тени должны быть тональными (цветными), соответствующими фону (Ambient Shadows), либо жесткими плоскими без размытия (Hard Flat Shadows в стиле брутализма/BUMAGA).
Реальные данные вместо плейсхолдеров:
- Запрещено писать шаблонные фразы вроде "Lorem Ipsum", "Услуга 1", "Lorem dolor". Все тексты должны быть живыми, проработанными и отвечать специфике бизнеса.
Hero cutout boundary mask:
- Если в hero используется вырезанный персонаж/объект без фона, нижний край PNG не должен быть виден на фоне как "отрезанные ноги" или жесткая горизонтальная линия.
- Правильная посадка: hero допускает вертикальный выход ассета (overflow-y-visible), сам ассет сдвигается вниз (translate-y-*), следующий блок поднимается отрицательным margin (mt-[-...]) и имеет z-index выше, чтобы маскировать низ фигуры.
- Если ассет обрезан снизу, не надо регенерировать его без необходимости: сначала нужно подогнать масштаб, вертикальное положение и перекрытие вторым блоком, как в исходном референсе.
- QA обязан валить страницу, если hero-person cutout обрывается на фоне или второй блок не перекрывает нижний край ассета.

Read the full file on GitHub · 73 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

6d ago First seen · 73 lines · 2,007 tokens per session scan A 0eef30a2c27d

Subscribe to this mod's changes

aura-design is a cursor rule published in the GitHub repository Horosheff/aura-designer (21 stars, last pushed 3mo ago), licensed MIT. It adds 2,007 tokens to every session, about $0.0100 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

CSS and styling Design and UX Frontend

css-styling

CSS architecture, tokens, and styling rules for this Docusaurus site. Apply when creating or modifying components, styles, layouts, or any UI-facing code.

Consensys/doc.linea · 0 tokens

codex-premium-website-skills

Apply Codex Skills standards to frontend, website, motion, accessibility, QA, agent reasoning, and handoff work.

TheGoat395/Codex-Skills · 0 tokens

shadcn-tailwind-guide

本规范定义了使用 shadcn/ui 和 Tailwind CSS 开发新组件的标准流程和最佳实践。.

dtyq/magic · 13 tokens

ui-components

USE WHEN: Building UI components, structuring layouts, and applying styles using Tailwind CSS.

omergulcicek/omergulcicek.com · 0 tokens

performance

Frontend performance optimization rules. Apply when optimizing UI or bundle.

girijashankarj/cursor-handbook · 0 tokens

css-render-blocking-diagnosis

Cursor rule "css-render-blocking-diagnosis" from adobecom/da-express-milo, covering css render-blocking diagnosis & resolution, critical learning from 98 pagespeed achievement, primary diagnostic protocol, step 1: css blocking symptom recognition and step 2: css loading sequence audit.

adobecom/da-express-milo · 1,102 tokens