Back to skills
SkillHub ClubDesign ProductDesignerFrontend

ui-template-library

Captures visual design patterns from HTML mockups as structured prose descriptions, then applies those aesthetic 'vibes' to generate new mockups for different plugins with adaptive layouts. Manages a library of aesthetic templates with CRUD operations.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
162
Hot score
96
Updated
March 20, 2026
Overall rating
A7.1
Composite score
6.7
Best-practice grade
B84.0

Install command

npx @skill-hub/cli install glittercowboy-plugin-freedom-system-ui-template-library
ui-designdesign-systemsmockup-generationtemplate-management

Repository

glittercowboy/plugin-freedom-system

Skill path: .claude/skills/ui-template-library

Captures visual design patterns from HTML mockups as structured prose descriptions, then applies those aesthetic 'vibes' to generate new mockups for different plugins with adaptive layouts. Manages a library of aesthetic templates with CRUD operations.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Designer, Frontend.

Target audience: Design teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: glittercowboy.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install ui-template-library into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/glittercowboy/plugin-freedom-system before adding ui-template-library to shared team environments
  • Use ui-template-library for design workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

ui-template-library | SkillHub