filipj9
Hermes-Control-Deck
Hermes Control is a mobile-first PWA control deck that provides a unified event-driven interface for monitoring and operating Hermes WebUI and Codex CLI AI runtimes from a browser or phone.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It demonstrates a systematic design methodology for creating distinct interface identities from a common world, using real code rather than mockups, with detailed per-faction recipes and performance considerations.
Who it is for
- UI/UX designers interested in theming and faction-based interfaces
- Frontend developers learning CSS animations and design systems
- Arknights fans who want to explore lore-inspired UI concepts
- Design researchers studying systematic color and material translation
Use cases
- Study how to derive UI design from narrative factions
- Use as a reference for game UI prototyping (e.g., mission control, dossier, dispatch)
- Learn CSS animation patterns with reduced-motion fallbacks
- Explore clean-room design approach for fan projects
Strengths
- All 12 UIs are real and runnable in the browser, not static images
- Each faction has a unique design recipe (colors, materials, animations) instead of a one-size-fits-all template
- Includes a reusable skill package with audit scripts for easy replication
- Animations are layered (entry, status, feedback) and support prefers-reduced-motion
Considerations
- Some factions (Penguin Logistics, Blacksteel, Ursus Student) are marked as provisional recipes
- Requires cloning the repository and setting up a local server to run the previews
- All UIs are designed for 1440×900 viewport only
README quick start
安装 Skill
Description
Twelve clean-room Terra faction UI studies generated with the terra-faction-ui skill
Related repositories
Similar projects matched by category, topics, and programming language.
react
Featured
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
yetone
Featured
kill-ai-slop
Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.