Design
UI/UX direction, visual design, and design systems
@tank/figma-plugin
by tankpkg
"Guidance for building Figma plugins. Covers architecture, Plugin API (nodes, styles, variables, components), UI development, Dev Mode codegen, widgets, publishing, and monetization. Triggers: figma plugin, figma API, plugin development, figma widget, Dev Mode, codegen, figma node, figma styles, figma variables, iframe, message passing, plugin UI, figma publish, figma marketplace."
tui-review
by gpu-cli
Critically review terminal user interfaces for UX quality, responsiveness, visual design, and interactivity. Use when asked to "review my TUI", "test my TUI UX", "audit my terminal UI", "check TUI responsiveness", "review TUI keybindings", "check interactivity", or any request to evaluate the user experience quality of a ratatui/crossterm/ncurses-based terminal application. Launches the TUI in tmux, systematically tests 10 dimensions (responsiveness, input conflicts, visual clarity, navigation, feedback loops, error states, layout, keyboard design, permission flows, visual design & color), and produces a graded report with screenshots and specific findings. Benchmarks against Claude Code, OpenCode, and Codex — the three best-in-class AI terminal UIs.
travel-video-studio
by junwen853
Complete travel video production workflow for Codex and Agent Skills-compatible coding agents. Use when an agent must turn unordered travel footage into a deliverable edit package with full-folder location recognition, route reconstruction, recognition/route MD reports, SRT captions, BGM cues, licensed aerial/stock footage search, typography, day-to-day transitions, and FFmpeg/FCPXML/DaVinci/Premiere/Final Cut handoff without relying on Computer Use unless no direct path exists.
svg-logo-designer
by PrakharMNNIT
"Elite SVG logo design intelligence. Creates professional hand-crafted SVG logos, brand marks, icons, wordmarks, lettermarks, emblems, abstract marks, and visual identities. Uses a rigorous multi-phase discovery interview (2-3 rounds) to extract brand DNA, emotional tone, and design intent before generating. Produces multiple concepts with layout variations, full color systems, design tokens (CSS custom properties, JSON, Figma-ready specs), and optimized SVG using advanced techniques (gradients, masks, filters, blend modes, animations). Self-evaluates every concept against a 7-criterion quality rubric. Structured iterative refinement loop. Use when creating logos, brand marks, icons, symbols, visual identities, wordmarks, lettermarks, emblems, mascot marks, scalable vector branding, brand guidelines, or design systems from logos."
ux-spec-to-prompts
by akornmeier
Use when translating UX specifications into build-order prompts for UI generation tools. Triggers when user has a UX spec, PRD, or detailed feature doc and needs sequential, self-contained prompts for tools like v0, Bolt, or Claude frontend-design.
motion-graphic-director
by MaizeCobra
"Creative direction and design intelligence for Remotion motion graphic videos. Use when an agent needs to (1) convert a script or SRT into a shot-by-shot visual design document, (2) ideate motion graphics with editorial intent for each scene, (3) produce a design brief for user approval before writing Remotion code. Always use before generating any Remotion video code from a script."
stitch-ui-design-spec-bootstrap
by partme-ai
Bootstrap-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
stitch-react-components
by partme-ai
Convert Stitch designs into modular Vite/React components with validation and design token consistency. Uses Stitch MCP get_screen to retrieve design JSON and HTML; supports high-reliability fetch via scripts; enforces modular structure, type safety, and theme-mapped Tailwind.
svelte-ui-integration
by ajianaz
Implement or extend user-facing workflows in SvelteKit applications with full-stack capabilities. Specialized in SvelteKit's load functions, form actions, and progressive enhancement. Use when the feature is primarily a UI/UX change backed by existing APIs, affects only the web frontend, and requires following SvelteKit conventions.
m3-web-vanilla
by shelbeely
Implement Material Design 3 using only vanilla CSS custom properties and semantic classes. Zero dependencies. Use this when building M3-styled static sites, simple web apps, or when you need full control over every design token without a framework.
stitch-ui-design-spec-generator
by partme-ai
Translates user requirements into structured Design Specs for Theme, Color, and Typography.
Filament v4 Expert
by clarkrickman2
```
agentic-website-design
by melvinmt
Design and build websites using AI coding agents with static site generators. Covers Astro-first workflow, iterative visual refinement via browser feedback, skill-enhanced prompting (frontend-design, copywriting), animations, and high-bar polish loops. Use when building a website with an AI agent, designing landing pages, or iterating on web design with LLM assistance.
nova-act-usability
by adityak6798
AI-orchestrated usability testing using Amazon Nova Act. The agent generates personas, runs tests to collect raw data, interprets responses to determine goal achievement, and generates HTML reports. Tests real user workflows (booking, checkout, posting) with safety guardrails. Use when asked to "test website usability", "run usability test", "generate usability report", "evaluate user experience", "test checkout flow", "test booking process", or "analyze website UX".
senior-frontend
by atalovesyou
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
stitch-ui-design-spec-element-plus
by partme-ai
Element Plus design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
frontend-design
by atalovesyou
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
stitch-design-md
by partme-ai
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md. Uses Stitch MCP list_projects list_screens get_screen get_project to retrieve screens and project metadata; outputs natural-language design tokens for consistent Stitch screen generation. Use with stitch-ui-prompt-architect and stitch-loop for multi-page consistency.
ui-ux-designer
by hummbl-dev
Modern UI/UX design specialist for web applications, mobile apps, and design systems. Covers design principles, user research, interaction patterns, accessibility (WCAG), responsive design, component libraries (Tailwind, shadcn/ui, Material), prototyping, and usability testing. Creates beautiful, functional interfaces following best practices.
metanoia-design
by foundingadmin
Use this skill to generate well-branded interfaces and assets for Metanoia, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
ios-architect
by alesanabriav7
Scaffold modern iOS apps and features with Clean Architecture, MVVM, SwiftUI, GRDB, Swift Concurrency, optional Apple Foundation Models integration, and modular local packages. Use when creating a new iOS app, adding a feature/service/model/migration/design system component/package, or enforcing Domain/Data/Presentation separation with feature-local ownership by default and shared modules only for true cross-domain concerns.
frontend-design
by costa-marcello
"Creates and improves distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Includes style/color/typography guides by industry, 30+ UX rules, 25+ chart types, and 10 tech stacks. Use when designing components, building pages, choosing palettes, implementing UI patterns, or improving existing interfaces."
mobile-design-director
by kafka000
Senior UX/UI Design Director for mobile apps. Triggers on "UI建议", "审美讲义", "交互建议", design audit, UI review, UX audit, or premium design feedback. Provides three-tier proposals (Safe/Balanced/Avant-Garde), aesthetic formulas, motion physics, and brand consistency checks. Covers React Native, SwiftUI, Flutter, and Jetpack Compose. Specializes in "Young Luxury" mobile experiences grounded in Apple HIG and Material 3.
swift-human-guidelines
by Frostist
Comprehensive Swift 6 and SwiftUI development guidelines for building iOS 26, iOS 18, iPadOS, macOS, watchOS, visionOS, and tvOS applications. Covers Foundation Models API, BGContinuedProcessingTask, Call Translation API, Liquid Glass design system, data-race safety, typed throws, synchronization primitives, SwiftUI/UIKit interoperability, zoom transitions, and document-based apps. Use when building new Apple platform apps, implementing Apple Intelligence features, optimizing performance with Swift 6 concurrency, following Apple Human Interface Guidelines, creating cross-platform applications, or working with iOS 26/18 APIs. Triggers on Swift code, SwiftUI views, Xcode projects, app architecture, background processing, translation features, Foundation Models, synchronization, actors, Sendable types, or modern Apple platform development.