gsp-add-reference

Add files, URLs, and notes to a project's references directory with an index.

49|4|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-add-reference
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gsp-add-reference
Source: https://github.com/jubscodes/get-shit-pretty/tree/main/gsp/skills/gsp-add-reference
Command: npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-add-reference

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adds reference material (screenshots, wireframes, brand guidelines, competitor examples, design specs, URLs) into a project's references/ folder, making it accessible to downstream AI agents.

Core Features & Use Cases

  • Automatic folder creation: ensures a references/ directory exists in the selected project.
  • Multi‑type handling: accepts image files, PDFs, URLs, and free‑form notes, copying or summarizing them appropriately.
  • Index generation: updates a markdown index with metadata for quick discovery by research, design, and build agents.
  • User‑guided selection: interactively asks which project to target and what type of reference to add.

Quick Start

Ask the skill to add a screenshot, URL, or note to your project's references folder.

Frequently Asked Questions about gsp-add-reference

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

FAQPage Schema
How do I add reference assets to a project for AI design agents?

To add reference assets for AI design agents, you provide screenshots, wireframes, or URLs to the skill, which automatically creates a references directory, copies files, and generates a markdown index for discovery.

Can I add URLs and descriptive notes to my project references folder?

Yes, you can add URLs and descriptive notes to your project references folder. The skill fetches URL content, writes markdown summaries, and organizes them alongside copied image and PDF files.

What is an index file for design references and how does it work?

An index file for design references is a markdown document updated automatically with metadata. It works by organizing summaries and file details so downstream research, design, and build agents can quickly discover project assets.

Does this reference management skill handle different file types like PDFs and images?

Yes, this reference management skill handles different file types like PDFs and images. It accepts multiple formats, copies files directly into the references directory, and processes URLs into accessible markdown notes.

How do I organize brand guidelines and competitor examples for downstream build agents?

You organize brand guidelines and competitor examples for build agents by adding them as reference material. The skill interactively prompts for your target project, then copies files and updates an index for agent accessibility.

What's the best way to structure design specs and wireframes for research agents?

The best way to structure design specs and wireframes for research agents is using a dedicated references directory with a markdown index. This skill automatically organizes files, URLs, and notes into that folder structure.