design-reference-data

Search CSV design reference data using BM25 queries.

6|1|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill design-reference-data
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-reference-data
Source: https://github.com/RepairYourTech/cfsa-antigravity/tree/main/.agent/skill-library/surface/web/design-reference-data
Command: npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill design-reference-data

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides concrete, data-backed design recommendations, moving beyond generic AI suggestions to offer specific styles, color palettes, and typography that align with user-defined design directions.

Core Features & Use Cases

  • Searchable Database: Access a curated database of 58 design styles, color palettes, typography pairings, chart styles, and UX patterns.
  • Data-Driven Recommendations: Ground design system suggestions in researched data for better decision-making.
  • Use Case: When creating a design system for a new fintech app, query this Skill to find modern, professional color palettes and typography that are also accessible and performant, ensuring a high-quality user experience.

Quick Start

Search for modern dark mode SaaS dashboard design styles.

Frequently Asked Questions about design-reference-data

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

FAQPage Schema
How do I get data-backed design recommendations for a design system?

To get data-backed design recommendations, query a searchable reference database of 58 curated design styles, color palettes, typography pairings, and UX patterns to ground your design system decisions in researched data.

Can I search for specific color palettes and typography pairings for a fintech app?

Yes, you can search for specific color palettes and typography pairings by querying the reference data. This ensures the selected styles for your fintech app are accessible, professional, and aligned with your defined design direction.

When do I need to use a reference database for UX patterns and chart styles?

You need to use a reference database for UX patterns and chart styles when creating a new design system and you require concrete, researched data to move beyond generic suggestions to specific, high-quality visual guidelines.

What's the best way to find modern dark mode SaaS dashboard design styles?

The best way to find modern dark mode SaaS dashboard styles is to search the curated database using BM25 search across CSV files containing style, color, typography, and landing page data to retrieve matching design directions.

Does this design reference data rely on any external dependencies or frameworks?

No, this design reference data operates without external dependencies, relying entirely on internal scripts and reference CSV files queried via BM25 search to deliver design system recommendations.

Are there limitations to using CSV reference data for generating style guide recommendations?

A limitation of using CSV reference data is that recommendations are constrained to the 58 pre-curated design styles, color palettes, and UX patterns within the database, limiting suggestions to existing dataset entries.