Claude MarketplacesSubmit
code-yeongyu avatar

Frontend Ui Ux

code-yeongyu/oh-my-opencode

This one's for when you're building UI without a designer and don't want it to look like every other bootstrap template. It pushes Claude to make opinionated aesthetic choices upfront (brutalist, retro-futuristic, editorial, whatever fits) then execute with actual visual personality. Bans the usual suspects like Inter and purple gradients, forces distinctive typography and cohesive color systems, emphasizes one memorable detail over generic polish. The prompting is aggressive about avoiding AI slop aesthetics. Works well when you need something that looks designed rather than assembled from component libraries, though you'll want to rein it in if your brand guidelines are already locked down.

skills.sh installs
256
GitHub stars
60.7K
last updated
Jun 3, 2026
View on GitHub

Install

$ npx -y skills add code-yeongyu/oh-my-opencode --skill frontend-ui-ux --agent claude-code

Installs into .claude/skills of the current project.

Files

This one's for when you're building UI without a designer and don't want it to look like every other bootstrap template. It pushes Claude to make opinionated aesthetic choices upfront (brutalist, retro-futuristic, editorial, whatever fits) then execute with actual visual personality. Bans the usual suspects like Inter and purple gradients, forces distinctive typography and cohesive color systems, emphasizes one memorable detail over generic polish. The prompting is aggressive about avoiding AI slop aesthetics. Works well when you need something that looks designed rather than assembled from component libraries, though you'll want to rein it in if your brand guidelines are already locked down.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/code-yeongyu/oh-my-opencode
Category
Frontend Development
First seen
Jun 3, 2026

More from code-yeongyu/oh-my-opencode

All 3

Recommended

More Frontend Development
1binjuhor avatarui-ux-pro-maxbinjuhor/shadcn-larUI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types222skills.sh installs
2majesticlabs-dev avatarfrontend-css-patternsmajesticlabs-dev/majestic-marketplaceFramework-agnostic CSS patterns for typography, color, motion, and spatial composition.182skills.sh installs
3tencentblueking avatarfrontend-vue-developmenttencentblueking/bk-ci编写 BK-CI 前端 Vue 页面和组件时使用，例如 Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现。当用户要改前端页面而不是后端服务时优先使用。179skills.sh installs
4syncfusion avatarsyncfusion-react-timepickersyncfusion/react-ui-components-skillsImplement Syncfusion React TimePicker component for user time selection, scheduling interfaces, and appointment booking. Use this skill whenever users need to a167skills.sh installs
5binjuhor avatarui-ux-pro-maxbinjuhor/shadcn-larFrontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design deci0skills.sh installs
6flutter avatarflutter-build-responsive-layoutflutter/agent-pluginsUse `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on bot45.1Kskills.sh installs