ui

Community

Generate polished UI components and feedback forms on demand.

AuthorChachamaru127
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill accelerates frontend development by automatically generating production-ready, accessible UI components (like heroes, pricing tables) and functional feedback forms, eliminating repetitive coding.

Core Features & Use Cases

  • Shadcn/UI Component Generation: Creates responsive, Tailwind-styled components (hero sections, footers, contact forms) following best practices.
  • Feedback System Scaffolding: Builds complete user feedback, bug report, or feature request forms with connected backend endpoints.
  • Use Case: Need a pricing page for your SaaS? Just say "create a pricing component" and this Skill will generate a beautiful, responsive component with multiple tiers and a call-to-action button, ready to be customized.

Quick Start

Say "create a hero section for my landing page" to generate a complete, styled hero component with placeholder text and images.

Dependency Matrix

Required Modules

None required

Components

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: ui
Download link: https://github.com/Chachamaru127/claude-code-harness/archive/main.zip#ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository