devouring-details-design
OfficialMatch Devouring Details, precisely and calmly.
Design & Creative#design system#ui styling#dark theme#motion guidelines#editorial layout#tailwind tokens#prototype surface
Authormoonwell-fi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Devouring Details design direction is hard to replicate consistently, so teams end up with generic “SaaS UI” that lacks the authored, grayscale-first, accent-disciplined feel.
Core Features & Use Cases
- Token-first visual system: Applies Moonwell design tokens (no standalone hex) to produce the correct dark-only reading surfaces and accent discipline.
- Editorial + rail layout recipes: Implements reading-lane/second-rail structure for marketing, editorial chapters, prototypes, and resources, including mobile adaptation.
- Motion and interaction rules: Guides tactile, intent-revealing motion behavior (with reduced-motion considerations) so interactions feel mechanical and purposeful rather than decorative.
- Implementation-ready guidance: Provides typography, layout, non-negotiables, and React/Framer Motion shell patterns for building DD-style pages.
Quick Start
Use the devouring-details-design skill to restyle the page so it uses Moonwell tokens, a reading-lane plus rail layout, and a single disciplined accent moment that matches the Devouring Details aesthetic.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: devouring-details-design Download link: https://github.com/moonwell-fi/moonwell-ai/archive/main.zip#devouring-details-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.