fct-web-ui-ux

Search a UI/UX design knowledge base using BM25 and generate design-system summaries.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/pascalandy/dotfiles --skill fct-web-ui-ux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fct-web-ui-ux
Source: https://github.com/pascalandy/dotfiles/tree/main/dot_config/opencode/skill/web-ui-ux-pro-max
Command: npx skills add https://github.com/pascalandy/dotfiles --skill fct-web-ui-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a BM25-powered search over a curated UI/UX design knowledge base, enabling rapid retrieval of styles, color palettes, typography, and UX guidelines for web and mobile projects.

Core Features & Use Cases

  • BM25-based search across multiple domains (style, color, typography, ux, landing, product, charts) to surface relevant design guidance.
  • Automated generation of design system recommendations with reasoning, including color, typography, spacing, and component guidelines.
  • Persistence support via a Master + Overrides pattern, enabling page-specific overrides and structured documentation.

Quick Start

Generate a complete design system for a SaaS dashboard and review the recommended color, typography, and layout patterns.

Example command: Generate design system for a SaaS dashboard named "ProjectX".

Frequently Asked Questions about fct-web-ui-ux

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

FAQPage Schema
How do I generate a cohesive design system for a web or mobile project?

Generate a design system by running a BM25-based search over a curated UI/UX knowledge base to surface ranked styles, color palettes, typography, and UX guidelines. You receive actionable recommendations and structured Markdown or ASCII summaries for your project.

What is the best way to search for UI/UX design guidelines across multiple domains?

The best way to search for UI/UX design guidelines is using a multi-domain BM25 search across style, color, typography, ux, landing, product, and charts data. This retrieves ranked results containing specific fields like Style Category, Keywords, and Accessibility.

Can I persist page-specific design overrides for my generated design system?

Yes, you can persist page-specific design overrides using a Master plus Overrides pattern. This allows you to save structured documentation and apply custom page variations while maintaining the base generated design system recommendations.

Does this UI/UX design search tool support accessibility guidelines?

Yes, the UI/UX design search tool supports accessibility guidelines. Search results explicitly include an Accessibility field alongside Style Category and Keywords, ensuring generated design systems incorporate accessible component and layout patterns.

How do I get typography and color palette recommendations for a SaaS dashboard?

Get typography and color palette recommendations by querying the BM25 knowledge base with your SaaS dashboard context. The skill reads structured CSV catalogs to return ranked design guidance and output cohesive design system summaries.

What format are the generated design system summaries output in?

Generated design system summaries are output in either ASCII or Markdown format. These structured summaries include automated recommendations for color, typography, spacing, and component guidelines based on the retrieved search results.