Skills tagged "design" (787)

🎨 Typography

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

frontenddesignuxaccessibility

⚙️ Ui

This skill lets you create Unity UI elements efficiently using batch calls to instantiate 2+ elements and organize them under panels.

scriptingproductivitydesignux

🎨 Ui Design

This skill helps you define contract-first UI with TypeScript interfaces and build server components using compound patterns for scalable components.

frontenddesignuxaccessibility

🎨 Ui Design Core

This skill generates bold, unique frontend UI designs with refined details, color guidance, layout strategies, and anti-pattern checks to raise quality.

designuxfrontendaccessibility

🎨 Ui Design Iteration

This skill iterates data-heavy UI designs to improve scannability, accessibility, and consistent systematization for polished products.

designuxaccessibilityproduct

🔍 Ui Design Review

This skill performs a comprehensive UI/UX design review focused on usability, accessibility (WCAG), and visual consistency across web and desktop interfaces.

designuxaccessibilityproduct

🎨 Ui Design Styling

This skill helps you design and style UI components across the four OS themes, ensuring consistent retro aesthetics and theme-aware behavior.

designuxfrontendreact

🧪 Ui Designer

This skill guides UI design by translating screens into implementable specs, ensuring clear states, tokens, and consistent visuals for rapid development.

designuxfrontendproduct

🧪 Ui Extractor

This skill analyzes UI sources like URLs and recordings to generate implementation specs, design systems, and component catalogs.

frontenddesignuxjavascript

🧪 Ui Orchestrator

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.

frontenddesigncode-reviewperformance

🧪 Ui Review

This skill automatically reviews UI visuals across viewports, logs in, captures screenshots, evaluates design quality, and reports actionable fixes.

frontendtestingdesignux

🎨 Ui Review

This skill helps ensure frontend changes conform to the Swiss International Style by validating colors, typography, borders, and shadows before commit.

frontenddesignuxlinting

🔍 Ui Review Tahoe

This skill performs comprehensive macOS Tahoe UI/UX reviews, ensuring Liquid Glass, HIG compliance, SwiftUI patterns, accessibility, and AppKit modernization

designuxaccessibilityproduct

🎨 Ui System Refactor

This skill helps you apply Capsule UI and Neko Blue branding guidelines to your interfaces, ensuring cohesive visuals and accessible interactions.

designuxbrandingfrontend

🎨 Ui Ux Design

This skill helps you design production-grade frontend interfaces with accessible UX, generating ready-to-run code and guidelines.

frontenddesignuxaccessibility

🎨 Ui Ux Design

This skill helps ui-ux designers audit and implement accessible, responsive UI patterns using shadcn/ui components and Tailwind tokens.

designuxaccessibilityfrontend

🎨 Ui Ux Design

This skill helps you apply UI/UX design patterns for an LMS, improving navigation, accessibility, and responsive layouts across pages.

designuxaccessibilityfrontend

🎨 Ui Ux Expert

This skill helps you craft accessible, user-centered web interfaces by applying WCAG 2.2 guidelines, design systems, and responsive patterns.

designuxaccessibilityfrontend

🎨 Ui Ux Pro Max

This skill helps you design, build, and refine frontend UI/UX with searchable palettes, typography, and stack guidelines across frameworks.

designuxfrontendproduct

🎨 Ui Ux Pro Max

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

designuxfrontendtailwind

🎨 Ui Ux Pro Max

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

designuxfrontendtailwind

🎨 Ui Wireframing

This skill guides mobile-first UI planning by generating ASCII wireframes and WIREFRAME.md templates to visualize layout before coding.

designuxplanningfrontend

📋 Uiux Toolkit

This skill performs a comprehensive UX/UI evaluation across visual, accessibility, usability, and design system domains to improve interfaces and user flows.

uxaccessibilitydesignproduct

🧪 Usability Testing

This skill helps you plan and run effective usability testing, guiding goal clarity, fidelity choice, test design, and iteration.

testingproductresearchdesign

🧪 User Onboarding

This skill helps you design early onboarding moments that drive activation and long-term retention by focusing on the first 30 seconds.

productdesignresearchstrategy

🎨 Ux

This skill analyzes feature UX for efficiency-first patterns, keyboard navigation, inline editing, and pro-tool experience to speed user work.

uxproductivitydesignfrontend

🧪 Ux Accessibility

This skill guides implementing WCAG 2.2 AA accessible web components, driving focus management, keyboard navigation, and screen reader support for inclusive UI.

uxaccessibilityfrontenddesign

🎨 Ux Animation Motion

This skill helps implement accessible, responsive motion patterns using Anime.js v4 for UI feedback, transitions, and celebratory animations.

uxaccessibilityfrontenddesign

📋 Ux Designer

This skill helps you design user flows, wireframes, and accessible interfaces by applying WCAG-compliant patterns and design systems across products.

uxdesignaccessibilityproduct

🎨 Ux Iconography

This skill helps you apply Material Symbols v3 iconography consistently across UI components, improving accessibility, sizing, color integration, and animation.

uxfrontendaccessibilitydesign

🎨 Vega

This skill helps you create data-driven charts with Vega-Lite and Vega, enabling clear visual insights from numeric data arrays.

dataanalyticsfrontenddesign

⚙️ Veo Frames To Video

This skill generates smooth videos that morph between two frames using Veo 3.1, helping you create seamless transitions and storytelling visuals.

aiautomationapidesign

📋 Veo Reference Video

This skill generates videos with consistent subject appearance across scenes using reference images through Veo 3.1 for reliable character continuity.

aiapicontentdesign

⚙️ Video Studio

This skill produces a complete short video pack with script, narration, music, and visuals based on premise, length, and style preferences.

aiautomationdesigncontent

⚙️ Video Wrapper Skills

This skill analyzes interview subtitles to suggest visual effects, then renders video with four themes after user approval.

designuxcontentanalytics

🐛 Visionos Widgetkit Developer

This skill helps you design, implement, and troublehoot visionOS WidgetKit widgets with mounting styles, textures, and LevelOfDetail aware layouts.

debuggingpythondesignux

🎨 Visual Design

This skill helps you create logos, icons, diagrams, and slide decks from the command line and Slidev, saving design time.

designuxclibranding

📋 Visual Design

This skill helps you design polished technical presentations by generating mermaid diagrams, selecting visuals, and applying accessible, consistent theming.

aiuxaccessibilitydesign

🎨 Visual Hierarchy Refactoring

This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.

designuxfrontendrefactor

📋 Visualization Skill

This skill helps you design effective data visualizations by selecting chart types, encodings, colors, and interactions based on CS448B principles.

dataanalyticsdesignux

📋 Vizit

This skill visualizes complex explanations in the Vizit panel to help users understand concepts, proposals, or architectures clearly.

aidatadesigndocs

🧪 Voiceover Studio

This skill designs and previews custom voices from prompts, then produces full narration with quality control and project-specific delivery.

aiautomationdesignbranding

🔍 Void

This skill questions every feature's necessity, quantifies maintenance cost, and proposes structural simplifications without writing code.

aicode-reviewrefactordesign

🧪 Vsa Boundary Modeler

This skill helps you model boundary patterns for UI features in Blazor VSA by guiding Intent, Entity.CanXxx, and BoundaryService responsibilities.

frontendbackenddesigncode-review

🔍 Vsa Implementation Guard

This skill prevents common Blazor VSA implementation mistakes by automatically enforcing patterns in handlers, validators, boundary services, and entities.

backendcode-reviewdesign

🎨 Vsa Pattern Selector

This skill helps you select optimal Blazor VSA patterns from the catalog based on context, accelerating feature design and implementation.

aiautomationbackendfrontend

🎨 Vsa Ui Enhancer

This skill transforms plain .razor UI into MudBlazor components, reflecting domain CanXxx() states to enhance usability while preserving architecture.

frontenddesignuxrefactor

🧪 Vue3 Naiveui Fsd

This skill helps you build production-ready Vue 3 apps with Naive UI, FSD, TypeScript, and solid architecture for maintainable code.

frontendfullstackdesigntesting

🐛 Watchos

This skill assists in building watchOS apps by guiding complications, workouts, HealthKit integration, and iPhone-Watch connectivity with best practices.

swifttypescriptdebuggingux

🎨 Web Artifacts Builder

This skill guides building modern web apps with React, Tailwind, and shadcn/ui, emphasizing accessibility, type safety, and performance improvements.

frontendfullstackperformancecode-review

🎨 Web Component Design

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

frontenddesignuxaccessibility

🧪 Web Components

This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.

frontendperformanceaccessibilitydebugging

🎨 Web Design Guidelines

This skill reviews UI code against web interface guidelines, highlighting accessibility and UX issues to improve compliance and user experience.

frontendaccessibilityuxdesign

🧪 Web Design Reviewer

This skill visually inspects websites from local or remote hosts to identify design issues and suggest source-level fixes.

frontendfullstackdebuggingcode-review

🎨 Web Design Studio

This skill designs complete production-grade web pages with AI-generated images, delivering ready-to-deploy HTML/CSS/JS and visuals that match your aesthetic.

frontenddesignuxaccessibility

🎨 Web Typography

This skill helps you choose and pair web typography for readability and performance, guiding line length, hierarchy, and responsive loading.

designaccessibilityproductfrontend

🎨 Webf Native Ui

This skill helps you accelerate iOS-style UI development by leveraging WebF Cupertino components for native Flutter performance and seamless React or Vue

frontenddesignperformanceux

✨ Webinar Slide Deck Generator

This skill generates structured webinar slide decks with speaker notes, visuals, and engagement prompts to power compelling virtual events.

aiautomationproductivitymarketing

🎨 Wechat Article Formatter

This skill converts Markdown into beautified HTML optimized for WeChat public account publishing, applying AI-tech theme styles, code highlighting, and

frontendautomationscriptingwriting

🎨 Widget Design

This skill guides designing robust UI widgets for GPT and MCP apps, choosing React or template literals, and ensuring reliable rendering.

frontenddesignuxdebugging