В каталоге 183 730 навыков в 14 категориях.
Icon component for displaying SVG icons with customizable size, color, and depth. Invoke when user needs to implement ic...
Image component for displaying images with preview, lazy loading, and error handling. Invoke when user needs to implemen...
A one-time password input component for entering verification codes with support for masking, custom rendering, and form...
Layout component for building page structures with header, content, footer, and sider. Invoke when user needs to impleme...
Legacy grid system based on row and column layout. Invoke when user needs to implement traditional 24-column grid layout...
List component for displaying structured list items with headers, footers, and dividers. Invoke when user needs to imple...
Loading Bar component for showing loading progress. Invoke when user needs to implement loading indicators, route transi...
Marquee component for creating scrolling content animations. Invoke when user needs to display horizontally scrolling te...
Menu component for navigation and actions. Invoke when user needs to implement navigation menus, sidebars, dropdown menu...
Message component for displaying toast notifications and feedback. Invoke when user needs to show temporary feedback mes...
Modal component for displaying dialog boxes and content overlays. Invoke when user needs to implement modal dialogs, con...
Notification component for displaying toast messages and alerts. Invoke when user needs to implement notification system...
Page header component for page titles with navigation and content slots. Invoke when user needs page headers, breadcrumb...
Popconfirm component for confirmation dialogs in popover style. Invoke when user needs to implement confirmation prompts...
Popover component for displaying floating content. Invoke when user needs to implement tooltips, dropdown menus, or floa...
Popselect component for selecting options in a popover. Invoke when user needs a lightweight selection dropdown without...
Progress component for displaying operation progress. Invoke when user needs to implement progress bars, loading indicat...
QR Code component for generating QR codes. Invoke when user needs to generate or display QR codes for URLs, text, or dat...
A radio button component for single selection from a set of options in Naive UI. Supports individual radio buttons, radi...
A rating component for collecting user feedback with customizable icons, colors, and half-star support in Naive UI. Idea...
Result component for displaying operation results or status pages. Invoke when user needs to show success, error, warnin...
Custom scrollbar component with consistent styling. Invoke when user needs to implement custom styled scrollbars or scro...
A versatile select component for single and multiple selection with features like filtering, remote search, grouping, an...
Skeleton component for displaying loading placeholders. Invoke when user needs to show content loading states with anima...
A versatile slider component for selecting values within a range in Naive UI. Supports single value, range selection, ma...
Spacing component for consistent gaps between elements. Invoke when user needs to add spacing between components or crea...
Spin component for displaying loading spinners. Invoke when user needs to show loading states with customizable spin ind...
Statistic component for displaying statistical values with labels, prefixes, and suffixes. Invoke when user needs to imp...
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...
Genre pack: neo-brutalism for the web — loud consumer energy with hard discipline. Bright warm paper, ink-black 2.5px bo...
Apply or adapt a dual-theme neo-glow control board for UI kits, design-system previews, settings surfaces, admin panels,...
This prompt directs an image-generation system to produce a realistic, ultra-detailed neo-noir cinematic portrait featur...
Ingests unstructured and semi-structured documents into Neo4j as a knowledge graph. Use when chunking PDFs, HTML, plain...
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
Modern brutalism — bold black borders, primary colors, zero rounding, raw HTML aesthetics, and unapologetic digital hone...
Modern web applications with authentic neobrutalist aesthetic. Bold typography, hard shadows (no blur), thick black bord...
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
Glow effects, dark backgrounds, electric colors, and nightlife energy with cyberpunk edge.
Collaborate in Nereid Mermaid sessions via MCP using AST-first, probe-refine workflows for sequence diagrams, flowcharts...
Build original, accessible React command-center interfaces with the published @mdrbx/nerv-ui component library. Use for...
Geometry rule for children placed near the inside edge or corner of a rounded container. Two constraints apply together...
Automated network troubleshooting and diagnostics for WSL/Linux environments
ネットワーク障害に対する耐性設計を専門とするスキル。部分障害からの自動復旧、オフラインキュー、データ同期を統合的に提供し、ネットワーク不安定環境でも堅牢に動作するアプリケーションを構築する。Anchors:• Distributed Sys...
Soft UI — embossed and debossed depth, monochrome palettes, subtle shadow play, and tactile minimalism.
Web and App implementation guide for Neumorphism (Soft UI). Trigger when user wants soft shadows, extruded appearance, a...
Create web pages and UI components using the Neuphorism design system—a soft, tactile neumorphic aesthetic with extruded...
Behavioral principle ensuring Claude never guesses when uncertain. Use when Claude's response involves facts it cannot v...
End-to-end workflow for building a new Terrae component from scratch
Start a new fiction project from scratch. Interactive wizard guides you through discovery, architecture, characters, wor...
Scaffold a new shared UI primitive in src/shared/ui — tokenized, accessible, dark-mode-ready, with a testID and a test....
Scaffold a new React component with co-located test, shadcn/ui primitives, and barrel export registration.
Use when creating a new React component — scaffolds with ZAO OS conventions (use client, dark theme, mobile-first, Tailw...
Scaffolds a new React component with its Storybook story, which is the component's test. Use this skill whenever the use...