Reference design images and guidelines to align UI components and pages.
npx skills add https://github.com/doum6to/QuranLab- --skill design-inspiration
Please help me install this Agent Skill. Skill: design-inspiration Source: https://github.com/doum6to/QuranLab-/tree/main/.claude/skills/design-inspiration Command: npx skills add https://github.com/doum6to/QuranLab- --skill design-inspiration
Reference visuals and guidelines to ensure UI consistency across components and pages, reducing design drift and rework.
Consult the reference images in references/images/ and apply the emerald-inspired UI guidelines to ensure design consistency.
High-intent search queries and answers about installing and using this skill.
To maintain UI consistency, use structured design guidelines and reference imagery to align visual elements, which reduces design drift and minimizes rework across your digital products.
The best way to align new UI components is consulting reference images and applying structured design guidelines to match colors, typography, and spacing within your unified aesthetic.
Set up a design guidelines workflow by creating a SKILL.md frontmatter and a references/images folder, adding optional scripts and assets folders to guide dashboard and widget creation.
Yes, you can use reference images alongside design guidelines to establish design tokens that align colors, typography, and spacing for consistent branding and visual inspiration.
Yes, a references/images folder is required as the primary visual reference to apply emerald-guided UI design guidelines and ensure visual alignment across your components.
AnandaAnugrahHandyantoDescribe images and answer visual questions in conversational dialogue.
openyakAudit design systems for naming consistency and hardcoded values.
niiiusburoExtract reusable UI components and design tokens from a codebase.
docaohieu2808Orchestrate design tasks across brand identity, design tokens, and UI styling.
