设计
UI/UX 方向、视觉设计与设计系统
frontend-design
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
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
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.
styling-tenzir-ui
tenzir
Provides Tenzir design system tokens and component specifications. Use when building UI components, styling with CSS/Tailwind, choosing colors, typography, spacing, or implementing buttons, inputs, tags/badges, toasts, and other Tenzir UI elements.
unity-uitoolkit-create
cuozg
Build runtime UI with Unity UI Toolkit — UXML templates, USS styling, C# bindings, custom controls. Accepts design docs, images, or verbal descriptions. Asks clarifying questions for ambiguous input. Triggers — 'create UI', 'build UI', 'UI Toolkit', 'make a screen', 'UXML', 'USS', 'UI from design', 'UI from mockup'.
ai-ppt-remix
Chaosikaros
Use when remaking an existing PPT or slide deck from a source PPTX and matching script or notes into a new deck of consistent AI-generated slide images, especially when one new slide should semantically merge one or more source slides while preserving important screenshots, text, and case-study evidence.
frontend-design
mrsknetwork
Create distinctive, production-grade frontend interfaces with high design quality using structured SOPs and comprehensive UI/UX guidelines. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Also use when the user asks about typography, padding, spacing, sizing, layout systems, font pairing, color palettes, animation/motion design, responsive design, or UI component patterns. Generates creative, polished code and UI design that avoids generic AI aesthetics. Trigger this skill for any frontend design, UI/UX design, web design, component creation, or design system task.
brainstorm
101mare
Structured brainstorming through divergent-then-convergent thinking. Generates multiple approaches using research-validated techniques (Reverse Brainstorming, SCAMPER, Perspective Shifts, Analogies) before converging on a recommended design. Works for any domain: software features, architecture, thesis structure, process design, concepts, strategies. Recognizes: "brainstorm", "brainstorming", "ideation", "ideas for", "let's think about", "explore options", "what are approaches for", "how could we", "alternatives for" Does NOT handle: implementation planning (use plan-review), prompt writing (use prompt-builder), code writing (use frontend-design/tdd), team coordination (use team-builder).
figma-to-code
kyuhyi
Figma 디자인을 고성능 Next.js와 Tailwind CSS 코드로 변환하는 스킬. 픽셀 퍼펙트한 반응형 컴포넌트 구현을 지원합니다.
concrete
RubricLab
Use this skill when building with the Concrete design system for Rubric Labs. Concrete is an ink-first React design system for agentic product surfaces, editorial research pages, generated UI, and educational mockups.
technical-writing
tenzir
Write clear technical documentation following Google's style guide. Use when writing docs, README files, API documentation, code comments, user guides, or asking about documentation style.
Apple UI Designer
tobiawolaju
A project to stop me from procrastinating
component-aesthetic-checker
hirefrank
Validates shadcn/ui component customization depth, ensuring components aren't used with default props and checking for consistent design system implementation across Tanstack Start applications
linkedin-thought-leadership
ktg0066
Comprehensive system for building LinkedIn thought leadership through algorithmic understanding, strategic consistency, and authentic engagement. Updated November 2025 with critical 360Brew algorithm changes - LinkedIn now validates your profile BEFORE distributing content. Combines tactical content creation with systematic growth frameworks. Includes profile optimization for the new AI-first paradigm, free analytics tools, and methods for moving beyond baseline competence to exceptional performance by discovering YOUR unique patterns.
aesthetic
mamba-mental
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.
figma-mcp-downloader
yuichiroharai
CLI for downloading complete Figma design context and metadata to local files. Always use this CLI instead of calling Figma MCP tools (get_design_context, get_metadata) directly. Direct MCP tool calls risk incomplete data due to context limits. This CLI guarantees 100% complete output.
mobile-ux
pluginagentmarketplace
Master mobile UX - iOS HIG, Material Design, gestures, responsive design, platform optimization
macro-product-photography
tara-shopos
Generate extreme close-up macro shots of product details including fabric texture, stitching, hardware, and materials. Use when showcasing product quality, craftsmanship, or material details for e-commerce or marketing. Emphasizes accuracy over aesthetics with three-level material specificity.
frontend-design
mamba-mental
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.
copy_writing
tara-shopos
Generate professional e-commerce marketing copy, descriptions, and blog posts. Use when the user needs text content.
design-reviewer
gaebalai
Copilot agent that assists with systematic design review using ATAM (Architecture Tradeoff Analysis Method), SOLID principles, design patterns, coupling/cohesion analysis, error handling, and security requirements Trigger terms: design review, architecture review, ATAM, SOLID principles, design patterns, coupling, cohesion, ADR review, C4 review, architecture analysis, design quality Use when: User requests involve design document review, architecture evaluation, or design quality assessment tasks.
product-background-generation
tara-shopos
Generate professional studio or lifestyle backgrounds for product photography that match product aesthetics, brand positioning, and target audience. Use when creating product shoots, fashion photography, or e-commerce visuals requiring contextual backgrounds.
shadcn-ui-design-validator
hirefrank
Automatically validates frontend design patterns to prevent generic aesthetics (Inter fonts, purple gradients, minimal animations) and enforce distinctive, branded design during Tanstack Start (React) development with shadcn/ui
prototyping
pluginagentmarketplace
Master prototyping - Figma, wireframes, interactive prototypes, user testing, iteration