Design
33 skills · sorted by GitHub stars
design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
imagen
AI image generation skill powered by Google Gemini, enabling seamless visual content creation for UI
rayden-use
Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token en
3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and inte
accessibility-compliance-accessibility-audit
You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive tec
algorithmic-art
Algorithmic philosophies are computational aesthetic movements that are then expressed through code.
antigravity-design-expert
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism
canva-automation
Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill.
canvas-design
These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSE
design-orchestration
Orchestrates design workflows by routing work through brainstorming, multi-agent review, and executi
design-spells
Curated micro-interactions and design details that add "magic" and personality to websites and apps.
draw
Vector graphics and diagram creation, format conversion (ODG/SVG/PDF) with LibreOffice Draw.
figma-automation
Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. A
image-studio
Studio de geracao de imagens inteligente — roteamento automatico entre ai-studio-image (fotos humani
stitch-ui-design
Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Go
theme-factory
This skill provides a curated collection of professional font and color themes themes, each with car
ui-a11y
Audit a StyleSeed-based component or page for WCAG 2.2 AA issues and apply practical accessibility f
ui-component
Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibi
ui-page
Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing
ui-pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using S
ui-review
Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing dis
ui-setup
Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and
ui-tokens
List, add, and update StyleSeed design tokens while keeping JSON sources, CSS variables, and dark-mo
ui-visual-validator
Rigorous visual validation expert specializing in UI testing, design system compliance, and accessib
ux-audit
Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss des
ux-copy
Generate UX microcopy in StyleSeed's Toss-inspired voice for buttons, empty states, errors, toasts,
ux-feedback
Add loading, empty, error, and success feedback states to StyleSeed components and pages with practi
ux-flow
Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, h
uxui-principles
Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX
vizcom
AI-powered product design tool for transforming sketches into full-fidelity 3D renders.
wcag-audit-patterns
Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation
web-design-guidelines
Review files for compliance with Web Interface Guidelines.
webflow-automation
Automate Webflow CMS collections, site publishing, page management, asset uploads, and ecommerce ord