Design skills

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

nano-banana-antigravity

Generate or edit images via Nano Banana Pro using Antigravity OAuth (no API key needed!)

629 repo starsObserved in 1 repos
Design

accessibility-review

Audits Rails application accessibility against WCAG 2.2 Level AA, detects violations with axe-core / Lighthouse / Pa11y, and reports remediation guidance for ERB views, ViewComponents, Stimulus controllers, and Turbo-powered interactions. Use when the user wants an accessibility audit, WCAG compliance check, a11y review, or mentions screen readers, keyboard navigation, ARIA, color contrast, or Section 508 / ADA / EAA. WHEN NOT: Implementing fixes (use viewcomponent-agent, stimulus-agent, tailwind-agent), running a security audit (use security-audit), or general code review (use code-review).

628 repo starsObserved in 4 repos
Design

theme-evaluation

Evaluate themes for accessibility, contrast, and design issues. Use when auditing themes for WCAG compliance, checking color contrast ratios, or identifying visual/UX problems.

628 repo starsObserved in 1 repos
Design

yao-geoflow-design

Discover, preview, clone, and edit GEOFlow Laravel Blade themes, including rich homepage composition and GEOFlow homepage module/style JSON for corporate, portal, and content-site front pages, by selecting an existing template or mapping a reference site, then applying safe frontend changes without changing business logic or data contracts. Use for theme discovery, target-theme editing, homepage enrichment, homepage module builder design, cloning, optimization, and theme iteration. Not for raw HTML copying, backend refactors, or direct live activation.

627 repo starsObserved in 1 repos
Design

yao-geoflow-template

Analyze the current GEOFlow frontend contract, map a reference URL onto GEOFlow's existing frontend modules, and prepare a preview-first template package plan for homepage, category, article, archive, and ad-slot UI replacement without changing business logic or data contracts. Use when the user wants GEOFlow frontend template cloning, UI template packaging, page-style replication from a reference site, or a GEOFlow-compatible theme/module map. Do not use for generic frontend redesign, arbitrary HTML copying, backend refactors, or direct production template activation.

627 repo starsObserved in 1 repos
Design

common-ui-design-spec

UI设计规范技能,提供设计系统、配色方案、排版规则、无障碍标准等专业UI设计指导

625 repo starsObserved in 1 repos
Design

common-ui-mockup

UI原型图生成技能,根据需求描述生成页面设计草稿图、线框图和UI文档

625 repo starsObserved in 1 repos
Design

user-experience

提供用户体验设计的标准规范,包括用户体验原则、方法、流程等。在设计或改进应用程序的用户体验时调用。

625 repo starsObserved in 1 repos
Design

cool-buttons

Design and build a new premium button for the button grid — novelty check against ButtonsArr, technique recipes by tier (CSS shadow-stack materials, framer-motion swaps/springs, GSAP magnetic/morph, SVG-filter glass/gooey), repo conventions, and grid + registry wiring. Only use when the user explicitly runs /cool-buttons; do not auto-trigger.

623 repo starsObserved in 1 repos
Design

cross-platform-tauri-ui

Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2). Use when styling Vue/CSS, fixing Mac/Windows visual differences, working on settings window, overlay panels, or Tailwind opacity issues on WebKit.

623 repo starsObserved in 1 repos
Design