Design
UI/UX direction, visual design, and design systems
design-mastery
by wasintoh
World-class design system with extensible business type registry. Automatically selects appropriate design patterns based on business context. Anti-AI detection, trend-aware, production-ready design decisions. CRITICAL: Must be read before any UI creation task.
design-excellence
by wasintoh
Design system and anti-patterns for professional UI. Ensures apps don't look "AI generated". Defines color palettes, typography, spacing, animations, and common anti-patterns to avoid. Used by Design Reviewer sub-agent to polish UI. Triggers: design review, polish UI, improve aesthetics, looks like AI made it, design system, style guide, make it beautiful.
niu-lai-translator
by TanShilongMario
Reconstructs any supplied image as exaggeratedly cheap, badly produced bootleg CGI: coarse continuous low-detail character meshes with visually smooth simplified surfaces, visibly faceted low-poly backgrounds, distorted proportions, vacant misdirected eyes, simplified continuous anatomy, obvious bone-weight failures, local clipping, crude low-resolution baked short-fur bump strokes, moderately repeated background textures with occasional axis stretching, reused assets, flat cheap lighting, and clean source-led color while preserving only minimal semantic anchors while freely simplifying composition and styling. Use when users invoke 牛来粗制 CGI 转译, 牛来低模转译, niu-lai-translator, 反向出圈画质, 低画质重制, 粗制 CGI, 粗糙人物低模, 早期 3D 游戏截图, crude CGI, bootleg CGI, or ask to make an image look intentionally cheap, awkward, poorly modeled, poorly lit, and less faithfully reproduced.
skill-creator
by mixpanel
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
speckit-specify
by mixpanel
"Create or update the feature specification from a natural language feature description."
proto-persona
by HMS091
Create a proto-persona from current research, market signals, and team knowledge. Use when you need a working customer profile before deeper validation.
speckit-checklist
by mixpanel
"Generate a custom checklist for the current feature based on user requirements."
web-design-guidelines
by Jst-Well-Dan
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
a4-report
by Pysamlam
Generate professional A4 paper style consulting reports and analysis documents in McKinsey/BCG/Bain aesthetic. Creates print-optimized HTML reports that look like consulting deliverables. Unique Features: - A4 paper format (210mm × 297mm), print-to-PDF optimized - McKinsey/BCG/Bain consulting firm visual styles - CSS-based charts without external dependencies - Professional report structure: Executive Summary → Findings → Analysis → Recommendations When to use this skill (Triggers): - "写报告" / "生成报告" / "帮我写一份报告" - "麦肯锡风格" / "BCG风格" / "贝恩风格" / "咨询风格" - "A4报告" / "打印报告" / "PDF报告" - "分析报告" / "市场分析报告" / "竞品分析报告" / "战略报告" - "consulting report" / "A4 report" / "professional report" / "business report" - "帮我写一份...的分析报告" (当需要专业格式的报告时) NOT this skill (use analysis-finrpt instead): - Financial report parsing/visualization (财报解读) → use analysis-finrpt - "财报分析" / "10-K" / "10-Q" → use analysis-finrpt Examples: - "帮我写一份中国新能源汽车市场分析报告" - "生成一个麦肯锡风格的战略报告" - "Create an A4 format consulting report for market entry strategy"
frontend-design
by Jst-Well-Dan
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.
prompt-engineering-approach
by vamseeachanta
'Sub-skill of prompt-engineering: Approach.'
prompt-engineering-4-system-prompt-design
by vamseeachanta
'Sub-skill of prompt-engineering: 4. System Prompt Design.'
style-extractor
by Lucent-Snow
Extract evidence-based web UI style + motion guides (Markdown, optional HTML prototype).
prompt-engineering-5-persona-design
by vamseeachanta
'Sub-skill of prompt-engineering: 5. Persona Design.'
geo-infer-art
by ActiveInferenceInstitute
Generative geospatial art and cartographic visualization. Use when creating artistic map visualizations, generative spatial art, interactive cartographic displays, animation sequences, or aesthetically-focused geographic rendering.
frontend-design
by mrgoonie
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.
ui-ux-pro-max
by liyecom
Translate human UI/UX requirements into site-design.contract.yaml
mermaidjs-v11
by mrgoonie
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.
skill-creator
by mrgoonie
Create or update Claude skills. Use for new skills, skill references, skill scripts, optimizing existing skills, extending Claude's capabilities.
aesthetic
by mrgoonie
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.
ui-ux-pro-max
by MuseLinn
"UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks."
screenshot-analyzer
by blacktop
Find and analyze screenshots from ~/Downloads/Screenshots/ for UI/UX review. Use when asked to look at screenshots, review UI designs, inspect interface errors, analyze layout issues, or examine visual problems. Triggers on "check my latest screenshot", "review my UI", "analyze this screen capture".
ui-designer
by olehsvyrydov
"Aura - Senior UI/UX Design Architect with 12+ years creating premium digital experiences. Use when designing landing pages, dashboards, mobile apps, design systems, component libraries, or brand-aligned UI. Specializes in React/Tailwind/Framer Motion prototypes, responsive design, micro-interactions, and discovery-first design process."
frontend-engineer
by bahayonghang
前端 UI/UX 设计开发专家代理，擅长将设计转化为精美的界面实现。当用户需要以下帮助时使用：(1) 创建新的 UI 组件 (2) 改进界面视觉效果 (3) 实现动画和交互 (4) 响应式设计 (5) 设计系统构建 (6) 即使没有设计稿也能创造美观界面。触发词包括：「UI」「界面」「组件」「样式」「动画」「好看」「美化」「设计」等前端视觉相关请求。