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.