ui-template-library

Extract semantic metadata from SKILL.md and scripts into deterministic JSON.

2|Updated Nov 18, 2025
One-click install
npx skills add https://github.com/bretbouchard/plugin-freedom-system --skill ui-template-library
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-template-library
Source: https://github.com/bretbouchard/plugin-freedom-system/tree/main/.claude/skills/ui-template-library
Command: npx skills add https://github.com/bretbouchard/plugin-freedom-system --skill ui-template-library

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Manages aesthetic templates as prose descriptions, enabling consistent visual systems across multiple plugins.

Core Features & Use Cases

  • Save Aesthetics: Transforms mockup visuals into prose-based aesthetic.md and metadata.
  • Apply Aesthetics: Generates new mockups for a target plugin using a prose-based aesthetic.
  • Use Case: Create a library of visual templates to rapidly apply consistent design language.

Quick Start

Use /save_aesthetic to capture a mockup as an aesthetic.md, then /apply_aesthetic to reuse it on another plugin.

Frequently Asked Questions about ui-template-library

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

FAQPage Schema
How do I capture visual mockups as reusable design templates?

Use the /save_aesthetic command to extract a mockup's visual design into prose-based aesthetic metadata. This converts visual aesthetics into semantic descriptions that can be embedded and applied consistently across multiple plugins without manual redesign.

Can I apply a saved design template to a different plugin or project?

Yes, use /apply_aesthetic to generate new mockups for a target plugin using a prose-based aesthetic template you've saved. This lets you replicate consistent visual language across plugins without recreating the design from scratch.

What's the best way to maintain consistent design language across multiple plugins?

Build a library of visual templates by saving aesthetics as prose descriptions, then apply them across plugins. This approach enforces design consistency while reducing duplication and enabling rapid iteration on visual systems.

How does prose-based aesthetic metadata support vector embeddings and RAG workflows?

The Skill produces deterministic JSON with semantic metadata designed for embedding: request, description, is_toxic assessment, and three-sentence payloads. This structured output integrates directly into vector search and retrieval-augmented generation systems.

What output format does the Skill generate for deployment?

The Skill outputs deployment-ready JSON with five fields: request, description, is_toxic, toxic_reason, and an embedding-optimized three-sentence request payload. This format supports immediate integration into RAG workflows and vector embedding pipelines.

Do I need design software to use aesthetic templates, or is prose description enough?

Prose-based descriptions are sufficient. The Skill abstracts visual design into semantic metadata, so you can store, search, and apply templates using text alone without requiring continuous access to design tools.