Skills tagged "design" (831)

🎨 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 Ux Pro Max

This skill helps designers plan, build, and optimize UI/UX for websites and apps using diverse styles, palettes, fonts, and stacks.

designuxaccessibilityproduct

🎨 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

🎨 Webflow Designer Api

This skill helps you work with the Webflow Designer API, guiding you through Designer Extensions or Playground workflows for rapid prototyping.

apifrontenddesignscripting

✨ 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

🔍 Winlab Slides Guidelines

This skill helps you create and review WinLab slides that conform to guidelines, ensuring clear titles, concise bullets, and proper multi-slide notation.

designuxcontentdocs

🎨 Wpds

This skill helps you build WordPress UI components aligned with WPDS tokens and patterns, leveraging the MCP server for authoritative docs.

frontenddesignuxaccessibility

📋 Xhs Images

This skill helps you generate engaging rednote infographics by splitting content into 1-10 cards with configurable styles and layouts.

designcontentsocial-mediamarketing

⚙️ Xiaohongshu Recruiter

This skill helps you post high-quality Xiaohongshu AI recruiter listings by auto generating geeky visuals and semi-automated publishing.

aiautomationsocial-mediacontent

📋 Xiaohongshu Skills

This skill generates Xiaohongshu style cover images based on user topics and saves them to the current project directory for instant use.

designbrandingsocial-mediacontent

🎨 Xr

This skill enables immersive XR interactions by handling hand tracking, controllers, AR mesh, and haptic feedback for VR and WebXR applications.

frontendaidesignux

🎨 Zustand

This skill guides Zustand state management for store code, actions, and slices, improving state reliability and developer productivity.

frontendproductivityrefactordesign