Back to skills
SkillHub ClubDesign ProductDesignerFrontend

UI Design Implementation

Design and implement user interfaces with Tailwind CSS, shadcn/ui components, and modern design patterns. Use when creating new UI screens, improving visual design, building design consistency, or implementing responsive layouts. Specializes in rapid prototyping and production-ready interfaces.

Packaged view

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

Stars
0
Hot score
74
Updated
March 20, 2026
Overall rating
C1.5
Composite score
1.5
Best-practice grade
C61.2

Install command

npx @skill-hub/cli install amo-tech-ai-medellin-spark-ui-design
UI DesignTailwind CSSFrontendResponsive DesignPrototyping

Repository

amo-tech-ai/medellin-spark

Skill path: .claude/archive/skills/ui-design

Design and implement user interfaces with Tailwind CSS, shadcn/ui components, and modern design patterns. Use when creating new UI screens, improving visual design, building design consistency, or implementing responsive layouts. Specializes in rapid prototyping and production-ready interfaces.

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: amo-tech-ai.

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

What it helps with

  • Install UI Design Implementation into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/amo-tech-ai/medellin-spark before adding UI Design Implementation to shared team environments
  • Use UI Design Implementation for design workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

UI Design Implementation | SkillHub