Loading...
Loading...
Found 118 Skills
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.
Skill for creating mockups with UI/UX trends without a designer. Designs HTML/CSS/JS prototypes that can be converted to Next.js components. Use proactively when user wants to validate UI/UX before implementation. Triggers: mockup, prototype, wireframe, UI design, 목업, モックアップ, 原型, maqueta, prototipo, diseño UI, maquette, prototype, conception UI, Mockup, Prototyp, UI-Design, mockup, prototipo, design UI Do NOT use for: production code, API development, or existing component modifications.
This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. NEVER trigger automatically for generic UI or design tasks.
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
UI/UX design patterns and best practices. Pattern library + heuristic checks for shipping clean, usable interfaces.
Select and design navigation patterns that match product structure, user tasks, and platform conventions.
Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhancement pipeline, design mappings, professional UI/UX terminology, design tokens and theme system capabilities.
General UI/UX judgment for layout, polish, visual hierarchy, spacing, typography, color, and accessibility. Use when no product-specific or Frappe-specific design system skill applies.
Skill S (Artista) - Diseñador UI/UX del Escuadrón BLAST. Experto en "UI Sniping", estética visual premium y micro-animaciones. Usa este skill cuando necesites: diseñar interfaces, aplicar estilos visuales, crear sistemas de diseño, o mejorar la experiencia de usuario.
Translate PRDs into detailed UX specifications including user flows, screen descriptions, components, and interaction patterns. Use when a user has a PRD and needs to define the concrete UI/UX before generating development prompts. Bridges product requirements to implementation details.
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.