Design References Library

Curate and analyze landing page references with metadata and design patterns.

Updated Jan 2, 2026
One-click install
npx skills add https://github.com/baskarajati/undangan --skill design-references-library
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Design References Library
Source: https://github.com/baskarajati/undangan/tree/main/.agent/skills/design-references-library
Command: npx skills add https://github.com/baskarajati/undangan --skill design-references-library

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

Curates and analyzes landing page references to inspire design decisions and identify reusable patterns across brands.

Core Features & Use Cases

  • Reference curation: Collect and organize high-quality landing page designs with analytical notes.
  • Pattern extraction: Identify recurring layout, typography, color, and interaction patterns for reuse.
  • Use Case: When designing a new marketing site, pull curated references to guide layout decisions and visual language.

Quick Start

Import a set of landing page URLs and generate a structured reference report with patterns and visuals.

Frequently Asked Questions about Design References Library

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I extract reusable visual patterns from landing page references?▼

Extract reusable visual patterns from landing page references by capturing design DNA into structured notes. The system analyzes layout, typography, color, and interaction patterns, organizing them into a comparison matrix for benchmarking.

What is the best way to organize design research for brand identity?▼

Organize design research for brand identity by curating reference entries with frontmatter metadata and asset links. This creates a reproducible snapshot of design DNA, allowing you to benchmark visual patterns across brands locally.

How do I build a comparison matrix for benchmarking landing page designs?▼

Build a comparison matrix for benchmarking landing page designs by importing URLs into the library workflow. The system generates a structured reference report containing analysis notes, asset storage, and extracted visual patterns.

Can I store landing page design references locally with metadata?▼

You can store landing page design references locally using frontmatter metadata and asset links. This workflow captures a reproducible snapshot of design DNA for each entry, ensuring your curated design research remains accessible.

Does this design research workflow require external dependencies?▼

This design research workflow operates without external dependencies, relying solely on local asset storage. It organizes reference entries internally to identify recurring layout and interaction patterns for design direction.