ui-skills

Opinionated, evolving constraints to guide agents when building interfaces

23 stars

Best use case

ui-skills is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Opinionated, evolving constraints to guide agents when building interfaces

Teams using ui-skills should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/ui-skills/SKILL.md --create-dirs "https://raw.githubusercontent.com/christophacham/agent-skills-library/main/skills/design/ui-skills/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/ui-skills/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How ui-skills Compares

Feature / Agentui-skillsStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Opinionated, evolving constraints to guide agents when building interfaces

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Ui Skills

## Overview

Opinionated, evolving constraints to guide agents when building interfaces

## When to Use This Skill

Use this skill when you need to work with opinionated, evolving constraints to guide agents when building interfaces.

## Instructions

This skill provides guidance and patterns for opinionated, evolving constraints to guide agents when building interfaces.

For more information, see the [source repository](https://github.com/ibelick/ui-skills).

Related Skills

writing-skills

23
from christophacham/agent-skills-library

Use when creating new skills, editing existing skills, or verifying skills work before deployment

enhance-skills

23
from christophacham/agent-skills-library

Use when reviewing SKILL.md files for structure and trigger quality.

suggest-awesome-github-copilot-skills

23
from christophacham/agent-skills-library

Suggest relevant GitHub Copilot skills from the awesome-copilot repository based on current repository context and chat history, avoiding duplicates with existing skills in this repository, and identifying outdated skills that need updates.

aws-skills

23
from christophacham/agent-skills-library

AWS development with infrastructure automation and cloud architecture patterns

designing-workflow-skills

23
from christophacham/agent-skills-library

Guides the design and structuring of workflow-based Claude Code skills with multi-step phases, decision trees, subagent delegation, and progressive disclosure. Use when creating skills that involve sequential pipelines, routing patterns, safety gates, task tracking, phased execution, or any multi-step workflow. Also applies when reviewing or refactoring existing workflow skills for quality.

videodb-skills

23
from christophacham/agent-skills-library

Upload, stream, search, edit, transcribe, and generate AI video and audio using the VideoDB SDK.

makepad-skills

23
from christophacham/agent-skills-library

Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.

nanobanana-ppt-skills

23
from christophacham/agent-skills-library

AI-powered PPT generation with document analysis and styled images

find-skills

23
from christophacham/agent-skills-library

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

claude-scientific-skills

23
from christophacham/agent-skills-library

Scientific research and analysis skills

threejs-skills

23
from christophacham/agent-skills-library

Create 3D scenes, interactive experiences, and visual effects using Three.js. Use when user requests 3D graphics, WebGL experiences, 3D visualizations, animations, or interactive 3D elements.

writing-plans

23
from christophacham/agent-skills-library

Use when you have a spec or requirements for a multi-step task, before touching code