Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

ui-ext

Use when designing or reviewing Chrome extension popup, options, or side-panel interfaces where space is tight and interaction clarity matters more than decoration.

129 repo starsObserved in 1 repos
Design

ui-feedback

Use when buttons, actions, forms, or state transitions need clearer interaction feedback and tighter action hierarchy.

129 repo starsObserved in 1 repos
Design

ui-mini

Use when designing or reviewing mini-program interfaces that need platform-native density, lightweight interaction, and restrained visual structure.

129 repo starsObserved in 1 repos
Design

ui-mobile

Use when designing or reviewing mobile app screens or H5 flows that must prioritize touch targets, information order, and small-screen readability.

129 repo starsObserved in 1 repos
Design

ui-pencil

Use when UI work benefits from live visual co-editing in Pencil so the user can see, review, and modify structure or layout directly on a .pen canvas.

129 repo starsObserved in 1 repos
Design

ui-polish

提升 Web、H5、小程序、Chrome 扩展、移动应用、Electron、Tauri 和桌面应用的界面质感、层级与一致性。用于任何涉及页面、组件、弹窗、设置页、面板、工具窗口、仪表盘或设计重构的任务,尤其当用户要求更好看、更高级、更有质感、更专业、减少 AI 味时。

129 repo starsObserved in 1 repos
Design

using-ui-polish

Use when a task is changing how an interface looks, feels, or is interacted with and you need ui-polish to route core rules, platform guidance, visual collaboration, and final review.

129 repo starsObserved in 1 repos
Design

vibeusage-design

Use this skill to generate well-branded interfaces and assets for VibeUsage, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

129 repo starsObserved in 1 repos
Design

aipay-frontend-theme

Use when changing AiPay iOS frontend color style, replacing blue UI to purple, updating screenshot-based Reference pages, or enforcing component theme consistency across parallel threads. Applies to SwiftUI components and Assets.xcassets *Reference.imageset image replacements.

128 repo starsObserved in 1 repos
Design

de-vibe

Audit and fix the tells that software was vibe-coded / AI-generated, then give it a small distinctive identity, so it ships looking handcrafted and professional. Use whenever the user says "de-vibe", "does this look AI-generated / vibe coded?", "make this look shippable / handcrafted / professional", "remove the AI slop", "polish before launch", asks why their site "looks like every other AI site", or is about to ship/demo/hand off a project that was built largely with AI assistance — even if they don't use the word "vibe". Pairs naturally before /ship.

128 repo starsObserved in 1 repos
Design