prompt-engineering-ui
CommunityCraft precise UI prompts.
AuthorHermeticOrmus
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of generating consistent, high-quality user interfaces with AI by providing structured prompt patterns and best practices.
Core Features & Use Cases
- Component Contracts: Define UI components with explicit props, states, and visual specifications.
- Design Token Integration: Embed design tokens directly into prompts for brand consistency.
- Iterative Refinement: Utilize structured feedback loops and diff-based changes for effective UI adjustments.
- Use Case: Generate a React button component that adheres to your design system's tokens, including hover, focus, and disabled states, by using the "Component Contract" and "Design Token Injection" patterns.
Quick Start
Use the prompt-engineering-ui skill to generate a Card component using the provided design tokens.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: prompt-engineering-ui Download link: https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/archive/main.zip#prompt-engineering-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.