ui-templates

Provide production-ready UI templates and design tokens for rapid prototyping.

8|1|Updated Feb 28, 2026
One-click install
npx skills add https://github.com/belos-street/skill-kit --skill ui-templates
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-templates
Source: https://github.com/belos-street/skill-kit/tree/main/skills/ui-templates
Command: npx skills add https://github.com/belos-street/skill-kit --skill ui-templates

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This collection provides a centralized library of production-ready UI templates, design tokens, and component blueprints to accelerate design and development.

Core Features & Use Cases

  • A library of starter design system templates that cover typography, spacing, and layout patterns, enabling teams to assemble consistent interfaces quickly.
  • A reference guide to tokens, components, and templates that can be adapted to different product domains and cadences.
  • A scalable repository of ready-to-use templates for dashboards, forms, and content layouts that can be spun up in minutes.

Quick Start

Copy the UI template starter into your project and begin assembling interfaces using the included references and assets.

Frequently Asked Questions about ui-templates

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

FAQPage Schema
How do I use design tokens and typography templates to build consistent UI layouts?

To build consistent UI layouts, use a centralized library of design tokens, typography, and component blueprints that align interfaces to a shared design system. This enables rapid prototyping by providing ready-to-use references for spacing and layout patterns.

What is the best way to rapidly prototype dashboards and forms for a product team?

The best way to rapidly prototype dashboards and forms is to copy a ready-to-use UI template starter into your project. This provides scalable component blueprints and layout patterns that can be spun up in minutes for quick integration.

Can I adapt existing component templates and design tokens to different product domains?

Yes, you can adapt existing component templates and design tokens to different product domains. The library provides a reference guide that is specifically designed to be flexible and scalable across various product cadences.

Do I need a pre-existing design system to integrate these UI layout patterns?

You do not need a pre-existing design system to integrate these UI layout patterns. The collection includes starter design system templates that cover typography, spacing, and tokens, allowing teams to assemble consistent interfaces from scratch.

How do I start assembling interfaces using the included references and assets?

To start assembling interfaces, copy the UI template starter directly into your project. You can then immediately begin integrating the included references, tokens, and assets to construct your application layouts quickly.