Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

design-system

Estrellas138

Forks21

Actualizado9 de marzo de 2026 a las 01:04

Aegis Fancy UI design tokens, typography, glassmorphism, animation rules. Use when working on UI components, styles, or visual redesign.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

antropos17

antropos17/Aegis

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Diseñadores de interfaces web y digitalesOcupaciones informáticas y matemáticas·SOC 15-1255

SKILL.md

readonly

name	design-system
description	Aegis Fancy UI design tokens, typography, glassmorphism, animation rules. Use when working on UI components, styles, or visual redesign.

Design System

Read these files for all design values:

memory-bank/fancy-ui-plan.md — full token spec, component designs, animation params
design/mockup-shield.html — visual reference, extract CSS variables
src/renderer/lib/styles/tokens.css — current tokens (extend, don't replace)

Key Principles

All colors via CSS variables from tokens.css
Fonts: Outfit (titles), DM Sans (body), DM Mono (data) — LOCAL in assets/fonts/
Glassmorphism: .panel class with backdrop-filter, inset shadow, border
Animations: transform/opacity/filter ONLY. GPU composited. Never layout properties.
Sparklines: pure SVG with vector-effect="non-scaling-stroke"
Spotlight hover: ::before pseudo-element, pointer-events: none, opacity toggle

Más de este repositorio

mismo repositorio

aegis-context

antropos17/Aegis

AEGIS project context — Electron desktop app for AI agent monitoring with Svelte 5 renderer. Provides architecture map, module locations, IPC channels, component inventory, and coding conventions. MUST be invoked before working on any AEGIS source file: editing scanners, watchers, or scoring in src/main/; modifying Svelte components, stores, or utils in src/renderer/; updating agent-database.json, constants.js, or types in src/shared/; adding IPC channels to preload.js; debugging anomaly-detector, rule-loader, network-monitor, or process-scanner; writing tests; or asking how AEGIS architecture works. Skip only for trivial one-line fixes (typos, renames) and bare git/npm commands.

2026-06-04138

audit-check

antropos17/Aegis

AEGIS-specific pre-push / pre-release repo audit. Runs format:check, build:renderer, lint, agent-database count, README cross-check, git status, and tracked-internals check. Use when the user says "run audit", "check repo health", or "pre-push check" inside the AEGIS project.

2026-06-03138

commit-and-track

antropos17/Aegis

AEGIS-specific post-task gate — runs format:check, build:renderer, lint, then stages only the files changed by the task (never `-A`), conventional commit, push to the current feature branch (never master). Use when the user says "commit and push", "ship it", or "track this commit" inside the AEGIS project.

2026-06-03138

electron-main

antropos17/Aegis

Electron main process patterns for Aegis. CJS modules, platform abstraction, IPC, file watchers. Use when editing src/main/ files.

2026-03-09138

testing

antropos17/Aegis

Vitest testing patterns for Aegis. ESM imports, mocking, test structure. Use when writing or editing tests.

2026-03-09138

prompt-craft

antropos17/Aegis

Aegis prompt formula for Claude Code and Antigravity. Use when writing prompts, planning tasks, starting new work, or when the user says "write a prompt", "create a task", "plan work", or asks how to structure a request for an AI coding assistant. Also use proactively when decomposing a large request into atomic subtasks.

2026-03-09138

Ejecuta cualquier Skill con un clic