home/categories/mobile/dmmulroy-dotfiles-home-config-opencode-skill-frontend-design-skill-md
mobiledevelopment

frontend-design

Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, shadcn/ui components, Motion animations, and visual design philosophy for avoiding generic AI aesthetics.

dmmulroy
maintainer
dmmulroy
Updated 1/20/2026
Stars
333
Forks
26
quick start

Installation and usage

Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, shadcn/ui components, Motion animations, and visual design philosophy for avoiding generic AI aesthetics.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use frontend-design