Back to skills
SkillHub ClubDesign ProductFull StackFrontendDesigner

Frontend Component Builder

Generate and refactor React + TypeScript components with Tailwind CSS for Medellin Spark. Use when building new UI components, creating dashboards, forms, cards, or wizards. Automatically includes accessibility, responsive design, and Vite-compatible code with optional tests.

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
C0.5
Composite score
0.5
Best-practice grade
C64.0

Install command

npx @skill-hub/cli install amo-tech-ai-medellin-spark-frontend-builder

Repository

amo-tech-ai/medellin-spark

Skill path: .claude/archive/skills/frontend-builder

Generate and refactor React + TypeScript components with Tailwind CSS for Medellin Spark. Use when building new UI components, creating dashboards, forms, cards, or wizards. Automatically includes accessibility, responsive design, and Vite-compatible code with optional tests.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Full Stack, Frontend, Designer, Testing.

Target audience: Development 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 Frontend Component Builder into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/amo-tech-ai/medellin-spark before adding Frontend Component Builder to shared team environments
  • Use Frontend Component Builder for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

Frontend Component Builder | SkillHub