Design
TypeUI for Hermes
Registry of design skills that give Hermes better context when building user interfaces. Component and style guidance sourced from an established design-system vendor. 1.4k+ stars.
Design
ui-design-guide
Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.
Design
harness-design
用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、p…
Design
huashu-design
花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo…
Design
bauhaus-design
Create frontends, posters, dashboards, and web UIs rooted in Bauhaus and Swiss International Typographic Style (Internationale Typografische Stil) design principles. Use this skill…
Design
refero-design
Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, compone…
Design
huashu-design
花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索…
Design
impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend …
Design
huashu-design
花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo…
Design
huashu-design
花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo…
Design
grok-designer
Use Grok 4.5 as the required external design advisor when a task needs UI critique, UX critique, component-choice review, interaction-flow review, design imagery markdown, art dire…
Design
huashu-design
HTML-based hi-fi design — prototypes, slides, animations, variant exploration, design direction consulting, expert review. **NOT for Facebook/Instagram ad creatives — use `image-ad…
Engineering
impeccable-flutter
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a Flutter f…
Design
ui-ergonomics
Use when auditing whether a view/screen is correctly built against usability & ergonomic dimensions. Checks a UI against 18 usability dimensions — prompting, grouping by location/f…
Testing
go
Opens the running app in a browser and verifies recent UI changes actually work. Use whenever the user wants a quick smoke test or sanity check of recent work, or says "go", "open …
Design
ifq-design-skills
Use this skill whenever the user asks for an HTML-first visual design deliverable or design judgment: interactive prototype, slide deck, motion demo, infographic, dashboard, landin…
Web
modals
Use when editing Modal.jsx, useFlipModal, AddInnerModal, ConfirmCancelButtons, ErrorModal, SuccessModal, FilterModal, HelpModal, SelectMenu, profileModal/*, or when adding a new mo…
Design
awwwards-inspired-design-system
Use this skill whenever creating or modifying ANY visual/UI element on the site — pages, sections, components, cards, buttons, navigation, modals, forms, footers, or layout changes…
Design
figkit-motion
Reference library for UI motion: 59 effect entries (when to apply / when to skip / engine-agnostic method) + 63 parameter tokens (value / range impact / calibration state) + 6 shar…
Design
huashu-design
花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个…
Design
forge-brutalist
Hard mechanical UI register with Swiss typographic print and military terminal aesthetics. Rigid grids, extreme type contrast, sans+mono pairing, utilitarian color, numbered sectio…
Design
taeyang-han-design
Use this skill to generate well-branded interfaces and assets for Taeyang Han ("Build systems. Level up life.") — a playful, game-inspired personal brand with cream notebook backgr…
Design
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applicat…
Design
distinct-ui
Generates production-grade UI by locking one of twelve distinct visual directions—editorial, brutalist, luxury-minimal, terminal, playful-geometric, glassmorphic, retro-futurist, s…
Design
premium-ui-builder-skill
Use this skill when the user wants to design, plan, redesign, upgrade, or improve the UI of a website, app, SaaS, dashboard, AI tool, landing page, portfolio, admin panel, mobile s…
Design
design-review
Web / iOS / Android の UI を multi-axis でスコアリングし、フォント/余白/画像密度/モダン度の「ダサさ」シグナルを機械的に拾って md+html レポート化する design audit skill。general (一般フィードバック) と diff (目標デザインとの差分) の 2 モード × strict/norma…
Design
ui-expert
Produces production-grade interfaces matching Linear, Vercel, Stripe, Notion, Raycast, or Apple quality. Applies four gates—register lock, reference anchor, token spec, post-genera…
Design
ui
Produces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. Use when users ask in any language for UI, page, compo…
Design
vishwakarma
Design and engineering intelligence for interfaces on web, Android, and Apple platforms. Use for UI, component, or app reviews; color, contrast, palettes; motion, animation, gestur…
Design
building-tuning-panels
Builds live parameter tuning panels as floating developer overlays with sliders, toggles, color pickers, dropdowns, and spring controls wired to app values for real-time visual exp…
Web
coss
Helps implement coss UI components correctly. Use when building UIs with coss primitives such as buttons, dialogs, selects, forms, menus, tabs, inputs, and toasts, migrating from s…
Design
Mobile App Design Standards
This skill should be used when the user asks to "design mobile UI", "review app design", "check UI guidelines", "improve app UX", "design React Native interface", "create app scree…
Design
ui-pro-forge
UI/UX intelligence for web and mobile: searchable local database covering 85 styles, 193 palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icons, 16 motion prese…
Design
open-design-guide
Access a library of 151 real design systems (Apple, Vercel, Linear, Stripe, Notion, GitHub, Raycast) with tokens, 71 design/frontend skills, and 114 rendering templates for decks, …
Design
stitch-design-enhanced
Unified entry point for Stitch design work. Transforms vague UI ideas into polished, Stitch-optimized prompts using a full enhancement pipeline, synthesizes existing projects into …
Design
design-dna
Design-dna delivers distinctive, period-accurate, production-grade visual systems for websites and interfaces—landing pages, editorial sites, dashboards, ecommerce, portfolios, and…
Automation
launch
Launch and automate VS Code (Code OSS) using agent-browser via Chrome DevTools Protocol. Use when you need to interact with the VS Code UI, automate the chat panel, test UI feature…
Design
plan-ui-design
UI/UX and design-system planning gate for browser interfaces. Use before creating or reshaping user flows, pages, navigation, forms, data views, interaction patterns, or component …
Design
ui-vocabulary
Translates casual UI descriptions into precise technical terms in English and Spanish, returning a ready-to-use brief for any coding agent. Use it when users describe elements with…
Design
forge-minimalist
Editorial product UI register with restrained three-color palette, crisp structure, generous whitespace, single accent moment, and type-driven design. Includes ready-to-paste palet…
Design
swiftui-design-principles
Design principles for building polished, native-feeling SwiftUI apps and widgets. Use this skill when creating or modifying SwiftUI views, iOS widgets (WidgetKit), or any native Ap…
Design
beuniq-design
Rule-based frontend audit that detects and removes generic AI-generated UI patterns, improves taste, motion craft, and landing copy across React, Next.js, Vite, HTML, CSS, SCSS, an…
Design
selran-design-director
Directs high-quality visual work across websites, apps, documents, and slide decks. Begins with a visual direction picker or short questionnaire, drafts an editable design-system.m…
Web
build-game-changelog
Build, backfill, and audit in-game changelogs with contiguous versioning, deployment provenance, menu navigation, accessible toggles, and responsive release-ledger UI. Use when add…
Design
firma
Anti-AI-slop design skill invoked before any visual markup or CSS: landing pages, components, heroes, pricing, redesigns, dark mode, or UI audits. Uses OKLCH with tinted greys, one…
Design
create-design-art-direction
Generates polished, coherent design systems and art direction from a brief by asking adaptive clarifying questions, selecting compatible levers, and iterating against bundled DESIG…
Design
johnny-suede-design
Designs and builds creative surfaces—landing pages, brand UI, product interfaces, dashboards, and app shells—by cloning visual DNA into tokens, applying design systems, and writing…
Engineering
check-xaml-layout
Detects and fixes visual layout defects in CvWpfclient XAML - clipped text, insufficient margins, bottom/right cut-off, missing ScrollViewer, hardcoded sizes, and design inconsiste…
Web
antislop-web
Web UI review skill that eliminates AI-generated tells (generic fonts, neon accents, identical cards, corporate buzzwords) by enforcing variance, motion, and density controls plus …
Web
improve-jpl
Activates automatically for Japanese Learning Website (japanese-learning.ch) discussions. Knows the vision, target audience, unique value props, current codebase state including te…
Web
forge-frontend
Produce premium frontend code without locking to a single visual style. Improves layout, typography, motion, and spacing over default baselines. Includes failure-mode patterns to a…
Design
write-design-system
Design-system governance for UI foundations and reusable components—design tokens, typography, themes, accessibility, APIs, Storybook review, and package hygiene. Load before token…
Web
awesome-react-animations
Reviews and implements buttery-smooth React animations at 60fps without jank. Handles framer-motion, springs, variants, AnimatePresence, layout shifts, scroll reveals, gestures, ro…
Web
nexus-ui
Install and compose Nexus UI components for AI chat interfaces—prompt input, model selector, suggestions, attachments, messages, threads, citations, reasoning, shimmer, images, fee…
Design
ui-ux-pro-max
Delivers UI/UX design intelligence and implementation guidance for polished interfaces. Supports generating new layouts, refining existing designs, creating design-system tokens, a…
Design
ux-variations
Interview and plan multiple UX and UI variations for a product, page, or flow, including onboarding, typical workflows, sharing, collaboration, return use, and interface alternativ…
Web
devexpress-xaf-controllers
Implement XAF controllers and actions for UI logic, covering ViewController and WindowController lifecycle, action types (SimpleAction, SingleChoiceAction, PopupWindowShowAction), …
Design
game-image-generation-rules
Coordinates image and visual asset production for games across any generator or agent. Handles planning, generation, inspection, refinement, and packaging for sprites, UI, environm…
Design
new-ui-draft
Converts Figma links into production-ready UI code by first loading the figma-design-to-code skill to apply asset rules and design tokens, then generating components that match pro…
Design
variant-design
Generates three distinct visual/UI design variations from prompts, applying a full design system across typography, color, layout, motion, and UX writing with built-in quality chec…
Showing the top 60 of 2,322. See the full list →