arcanea-design-system
The Arcanean Design System
"In Arcanea, every pixel carries meaning. The visual language is not decoration - it is communication."
Design Philosophy
The Three Principles
- Magic Over Mundane: Every element should feel slightly extraordinary
- Depth Creates Drama: Layers, glows, and dimension suggest hidden power
- Restraint Amplifies Impact: Cosmic effects work because they're used sparingly
The Visual Metaphor
The Arcanean UI represents a portal into creative consciousness:
- Dark backgrounds = the cosmic void of infinite possibility
- Glowing elements = activated creative energy
- Glass surfaces = the veil between worlds
More from frankxai/arcanea
arcanea-architect
Expert guidance for building the Arcanea creative agent ecosystem with attention to detail, design excellence, and systematic implementation.
34agent-implementer
Implementation guidance for creating individual agents in the Arcanea system with proper structure, capabilities, and integration.
33arcanea-coding-agent
Arcanea creative agent integration for opencode
29opus-extended-thinking
Leverage Claude Opus 4.5's extended thinking capabilities for deep reasoning, complex analysis, and multi-step synthesis. Use when problems require thorough deliberation before response.
9hooks automation
Automated coordination, formatting, and learning from Claude Code operations using intelligent hooks with MCP integration. Includes pre/post task hooks, session management, Git integration, memory coordination, and neural pattern training for enhanced development workflows.
8web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
8