Навыки: Дизайн

Steps component for showing progress through a sequence. Invoke when user needs to implement step indicators, wizards, o...

A toggle switch component for binary choices in Naive UI. Supports custom values, loading states, custom colors, and var...

A basic table component for rendering simple HTML tables with styling options including borders, stripes, and size varia...

Tabs component for switching content in same area. Invoke when user needs to implement tabbed interfaces, content switch...

Tag component for displaying labels, categories, or toggle options. Invoke when user needs to implement tags, labels, st...

A component for formatting and displaying time values with support for relative time, custom formats, time zones, and Un...

A time selection component for choosing specific times in Naive UI. Supports 12/24 hour formats, time zones, disabled ti...

A component for displaying a timeline of events with customizable items, icons, and layout options including horizontal...

Tooltip component for displaying contextual information on hover or focus. Invoke when user needs to show helpful hints...

A powerful tree component for displaying hierarchical data with features like selection, checking, drag-and-drop, virtua...

Typography components for text styling including headings, paragraphs, lists, and text elements. Invoke when user needs...

Virtual list component for efficient rendering of large lists. Invoke when user needs to implement high-performance list...

Builds a complete SaaS frontend wrapper around validated n8n workflows. Use this skill when you want to CREATE A WEBSITE...

Comprehensive overview of all Naive UI components organized by category. Invoke when user needs to discover available co...

Dark mode implementation and theme switching for Naive UI applications. Invoke when user needs to implement dark/light t...

Border design specifications for Naive UI components. Invoke when user needs to understand border styles, radius options...

Color design specifications for Naive UI. Invoke when user needs to understand the color palette, main colors, semantic...

Layout system for Naive UI including Grid, Flex, Space, and Layout components. Invoke when user needs to create responsi...

Overview of all Naive UI components organized by category. Invoke when user needs a quick reference to all available com...

Typography design specifications for Naive UI. Invoke when user needs to understand font conventions, font-family settin...

Configure internationalization (i18n) in Naive UI with support for multiple languages and custom locales

Naive UI Skills Library - A comprehensive skill library for AI agents to understand and utilize Naive UI components. Inv...

Server-Side Rendering configuration and best practices for Naive UI. Invoke when user needs to implement SSR with Naive...

Customize and apply themes in Naive UI including dark mode, theme variables, and creating themed components

Cavewoman character: NALA, the firekeeper. Wise, observant, speaks in metaphors about fire and seasons. The tribe's memo...

Generate any kind of visual asset using OpenRouter's Nano Banana Pro (Google Gemini 3 Pro Image Preview). Handles images...

Generate and edit images using Google Gemini image models. Use this skill when the user asks to create, generate, make,...

[OPTIONAL] AI-powered visual generation using Google Nano Banana Pro. For user flows, architecture diagrams, mockups.

Generate or edit images using Google Gemini API

Build throwaway code that answers exactly one design question — a tiny terminal app to feel out logic/state models, or s...

ASCII wireframes + browser capture for design matching

Narrative construction techniques for fiction and creative nonfiction. Covers story structure (three-act, hero's journey...

Distill artist/theorist narrative principles into formal, implementable algorithmic frameworks. Use when asked to extrac...

Use before building any custom UI component, animation, gesture, modal, dropdown, or interaction. The rule is exhaust th...

This skill should be used when the user asks about "nativephp config", "nativephp.php", "nativephp permission", "enable...

This skill should be used when the user asks about "EDGE component", "native-top-bar", "native-bottom-nav", "native-side...

This skill should be used when the user asks about "javascript nativephp", "vue nativephp", "react nativephp", "#nativep...

Gunakan skill ini setiap kali kamu membuat, mengedit, atau mereview teks yang akan muncul di antarmuka website atau apli...

Link component, useNavigate, Navigate component, router.navigate, ToOptions/NavigateOptions/LinkOptions, from/to relativ...

Learn how to install and migrate to Jetpack Navigation 3, and how to implement features and patterns such as deep links,...

Use when designing menu systems, breadcrumbs, mega-menus, or navigation APIs. Covers menu hierarchies, dynamic vs static...

Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions

SwiftUI navigation architecture patterns including NavigationStack, NavigationSplitView, TabView, programmatic navigatio...

Convierte transcripción de audio, capturas y URL de la app desplegada en un informe Markdown estructurado (USER-NAV-REPO...

Codebase orientation. Use FIRST when exploring code, finding files, or understanding project structure. For advanced sea...

Visual design review using Playwright screenshots against nean-styleguide.

Design and UI style guide for NEAN web apps. Premium consumer aesthetic.

Build NEAR Protocol dApps. Use for: (1) creating new NEAR dApps with `create-near-app` (Vite+React, Next.js), (2) adding...