Design
typeui-hermes
Use design skills to generate better UI with Hermes.
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（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…
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…
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
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
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
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
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
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 …
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
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
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…
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…
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…
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
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…
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…
Design
techfitness-ux-ui
Designs, reviews, and refines UX/UI screens, components, and flows for the TechFitness SaaS. Activates for new screens, component creation, layout decisions, navigation flows, empt…
Web
admin-neobrutal
Delivers a neo-brutalist admin UI: stark white canvas, thick black borders, hard offset shadows, and vibrant pastel accent blocks paired with monospace labels. Provides a ready lay…
Design
ai-ui-generation
AI-assisted UI generation patterns for JSON rendering, v0.app, Google Stitch, Bolt Cloud, and multi-agent workflows. Includes prompt engineering for components and full-stack apps,…
Design
ds-rr-screen
Generate UI screens and interfaces using only components and tokens from the @romainrichardpro Design System. Apply to any screen, page, form, or layout requiring DS elements such …
Web
shiny-controls
Provides .NET MAUI and Blazor UI components including TableView, TreeView, FloatingPanel, Toast, BadgeView, ImageEditor, ChatView, Scheduler, Markdown, Barcode/QR, AutoComplete, Si…
Testing
auditing-compose-performance
Runs an end-to-end Jetpack Compose performance audit for broad symptoms like sluggishness or rough scrolling. Sequences Measure → Diagnose → Fix → Verify phases across 25 focused s…
Design
Sculpture in Data — Windsurf Rules
bg-primary: #FAFAF9 (warm off-white) bg-secondary: #F0F1EE (cards) bg-sidebar: #1A1D1C (sidebar background, also network graph dark contexts) text-primary: #1A1D1C text-secondary: …
Design
anydesign
Analyzes images, websites, and Figma files to extract design tokens, component inventories, and reconstruction guidance into a `design.md` file. Activates for any visual audit, sty…
Web
dark-mode-converter
Transforms light-only interfaces into authentic dark mode using semantic tokens, elevation-aware surfaces, and calibrated shadows rather than simple inversion. Supports CSS variabl…
Web
dile-components
Build or modify UIs using Dile Components (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons). Handles importing custom elements, <dile-input>,…
Web
admin-frost-glass
Admin dashboard in glassmorphism: deep indigo-violet-teal gradient, frosted panels with blur and subtle borders, cyan-violet accents. Includes sidebar nav, topbar, KPI tiles with s…
Design
Fluxwing Component Creator
Create uxscii components with ASCII art and structured metadata when user wants to create, build, or design UI components. Use when working with .uxm files, when user mentions .uxm…
Web
element-plus-patterns
Library of Element Plus component patterns for common UI scenarios: forms, selectors, modals, status displays, async tables, validation, and column rendering. Encodes recommended c…
Automation
osaurus-macos-use
Drive macOS apps in the background. Use when the user asks you to interact with native Mac apps, automate UI tasks, browse the web in Safari, fill forms, navigate menus, or perform…
Web
repaint
Single entry point for all frontend building and restyling — any page, component, dashboard, landing page, or UI surface. Routes between production and art-directed modes, handling…
Web
anim
Refines web UI motion with tasteful, subtle animations—hover/press feedback, entrances/exits, modals, toasts, menus, loading states, staggered reveals, and transitions—following re…
Engineering
mobile-rn-screen
Refines React Native screens for native feel and reliability, fixing safe-area issues, touch-target size, keyboard handling, animation jank, gesture conflicts, tab-bar clipping, an…
Web
agevolt-datagrid-v4-view-designer
Design AgeVolt DataGrid V4 views for product or non-programming tasks. Create menu_view specs, columns, presets, visibility, sorting, filtering, grouping, renderCell, valueFormatte…
Web
tab-accordion
Generates or refines tab and accordion UI components for organizing content. Triggers on mentions of tab components, accordions, expandable sections, collapsible content, tabbed in…
Design
claude-design-to-swiftui
Converts Claude design prototypes or HTML into production SwiftUI code. Fetches the source, generates a single View file, integrates it into an Xcode workspace, builds, and iterate…
Web
lui-app
Provides guidance for building Scala.js + Laminar apps with the lui component library, covering setup, naming, inline styles, component patterns, and state management. Use when wri…
Web
a2ui-v0-8
Generate server-side JSONL UI messages and handle client events with A2A extensions using A2UI v0.8 renderers and specification. Convert user requirements into component trees, dat…
Web
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…
Web
web-conventions
Personal conventions and taste for building web interfaces — package manager, mobile & responsive patterns, component choices, and UI polish. Use when building, styling, or modifyi…
Design
lazyweb
Provides design evidence and real-world references for product UI: screenshots, competitor examples, best practices, and A/B test insights. Routes to the appropriate workflow via M…
Showing the top 60 of 1,913. See the full list →