Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

design-system

Sterne138

Forks21

Aktualisiert9. März 2026 um 01:04

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

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

antropos17

antropos17/Aegis

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

Web- und digitale SchnittstellendesignerInformatik- und Mathematikberufe·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

Mehr aus diesem Repository

gleiches Repository

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

Jeden Skill mit einem Klick ausführen