Loading...
Loading...
Found 93 Skills
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
Generate Xiaohongshu copy and accompanying images. Use this when users need to create Xiaohongshu posts, generate social media copy, or produce Xiaohongshu operation content
This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with multiple design systems including WeChat Work, iOS Native, Material Design, and Ant Design Mobile.
Review and design SaaS/product marketing sites and frontend interfaces end-to-end: clarify value, fix hierarchy, and implement distinctive, production-grade UI that avoids generic AI aesthetics.
Conducts comprehensive frontend design reviews covering UI/UX design quality, design system validation, accessibility compliance, responsive design patterns, component library architecture, and visual design consistency. Evaluates design specifications, Figma/Sketch files, design tokens, interaction patterns, and user experience flows. Identifies usability issues, accessibility violations, design system deviations, and provides actionable recommendations for improvement. Produces detailed design review reports with severity-rated findings, visual examples, and implementation guidelines. Use when reviewing frontend designs, validating design systems, ensuring accessibility compliance, evaluating component libraries, assessing responsive designs, or when users mention design review, UI/UX review, Figma review, design system validation, accessibility audit, or frontend design quality.
Create award-winning websites and applications with design and typography rated 10/10. Use this skill when building premium digital experiences that match the quality of elite agencies like Locomotive, Studio Freight, AREA 17, Active Theory, Hello Monday, Dogstudio, Tonik, Instrument, Resn, and Awwwards winners. Triggers include premium design, award-winning, agency-level, Awwwards quality, exceptional typography, immersive experience, 10/10 design, portfolio site, brand website, creative agency style, top-tier web design, or when building sites for luxury brands, tech companies, cultural institutions, or startups requiring exceptional visual craft.
Audits web UI quality across accessibility, interaction, forms, typography, navigation, layout, performance, motion, and microcopy. Use when reviewing or refining frontend UI before merge or release, or when the user asks for a UI, UX, or accessibility audit.