design-inspiration
CommunityAlign UI visuals with emerald-guided inspiration
Design & Creative#branding#ui-design#design-systems#design-guidelines#reference-images#visual-inspiration
Authordoum6to
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Reference visuals and guidelines to ensure UI consistency across components and pages, reducing design drift and rework.
Core Features & Use Cases
- Reference images and design tokens to align colors, typography, spacing, and components.
- Guided workflows for UI creation and modification of dashboards, pages, and widgets.
- Real-world example: design a new card component that matches the Brilliant-inspired aesthetic using the supplied references.
Quick Start
Consult the reference images in references/images/ and apply the emerald-inspired UI guidelines to ensure design consistency.
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: design-inspiration Download link: https://github.com/doum6to/QuranLab-/archive/main.zip#design-inspiration 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.