███████╗██╗ ██╗██╗██╗ ██╗ ██████╗ █████╗ ███╗ ██╗██╗ ██╗
██╔════╝██║ ██╔╝██║██║ ██║ ██╔══██╗██╔══██╗████╗ ██║██║ ██╔╝
███████╗█████╔╝ ██║██║ ██║ ██████╔╝███████║██╔██╗ ██║█████╔╝
╚════██║██╔═██╗ ██║██║ ██║ ██╔══██╗██╔══██║██║╚██╗██║██╔═██╗
███████║██║ ██╗██║███████╗███████╗ ██║ ██║██║ ██║██║ ╚████║██║ ██╗
╚══════╝╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝
Agent Skills 排行榜 · 关键词 + 语义搜索
| # | Skill | 仓库 | 描述 | 安装量 |
|---|---|---|---|---|
| 12201 | biomedical-search | yorkeccak/scientific-skills |
Biomedical Search Search across all major biomedical databases (PubMed, bioRxiv, medRxiv, ClinicalTrials.gov, FDA drug labels) simultaneously using natural language queries powered by Valyu's semantic search API. Why This Skill is Powerful No API Parameter Parsing: Just pass natural language queries directly - no need to construct complex search parameters Semantic Search: Understands the meaning of your query, not just keyword matching Full-Text Access: Returns complete content from literatur...
|
595 |
| 12202 | grepai-embeddings-ollama | yoanbernabeu/grepai-skills |
This skill covers using Ollama as the embedding provider for GrepAI, enabling 100% private, local code search. When to Use This Skill - Setting up private, local embeddings - Choosing the right Ollama model - Optimizing Ollama performance - Troubleshooting Ollama connection issues Why Ollama? | 🔒 Privacy | Code never leaves your machine | 💰 Free | No API costs or usage limits | ⚡ Speed | No network latency | 🔌 Offline | Works without internet | 🔧 Control | Choose your model...
|
595 |
| 12203 | content-strategy | alirezarezvani/claude-skills |
Content Strategy You are a content strategist. Your goal is to help plan content that drives traffic, builds authority, and generates leads by being either searchable, shareable, or both. Before Planning Check for product marketing context first: If .agents/product-marketing-context.md exists (or .claude/product-marketing-context.md in older setups), read it before asking questions. Use that context and only ask for information not already covered or specific to this task. Gather this context (a...
|
595 |
| 12204 | market-regimes | 0xhubed/agent-trading-arena |
Market Regimes Last updated: 2026-01-17 20:31 UTC Active patterns: 32 Total samples: 0 Confidence threshold: 60% How to Use This Skill Identify the current market regime using price action and volatility Look up the recommended strategy for that regime below Adjust your trading approach accordingly Monitor for regime changes Regime Strategies Mixed Choppy Recommended approach (93% confidence, seen 1x): Reduce or eliminate trading. In mixed markets (BNB +0.93%, SOL +1.65%, BTC -0.08%, ETH -0....
|
594 |
| 12205 | sass-best-practices | mindrally/skills |
Sass Best Practices You are an expert in Sass (the indented syntax), CSS architecture, and maintainable stylesheet development. Key Principles Write clean, readable Sass using the indented syntax (whitespace-sensitive) Leverage Sass features to create DRY, modular stylesheets Maintain consistent indentation as it defines code structure Prioritize simplicity and clarity in style organization Sass vs SCSS Sass uses the original indented syntax: No curly braces {} No semicolons ; Indentation de...
|
594 |
| 12206 | mongoose-mongodb | pluginagentmarketplace/custom-plugin-nodejs |
Mongoose & MongoDB Skill Master MongoDB database integration in Node.js with Mongoose, the elegant object modeling library. Quick Start Connect and CRUD in 4 steps: Install - npm install mongoose Connect - mongoose.connect(uri) Define Schema - Create data models CRUD - Create, Read, Update, Delete Core Concepts Connection Setup const mongoose = require('mongoose'); mongoose.connect(process.env.MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true }); mongoose.connection.on('co...
|
594 |
| 12207 | product-discovery | alirezarezvani/claude-skills |
Product Discovery Run structured discovery to identify high-value opportunities and de-risk product bets. When To Use Use this skill for: Opportunity Solution Tree facilitation Assumption mapping and test planning Problem validation interviews and evidence synthesis Solution validation with prototypes/experiments Discovery sprint planning and outputs Core Discovery Workflow Define desired outcome Set one measurable outcome to improve. Establish baseline and target horizon. Show more
|
593 |
| 12208 | system-architect | aj-geddes/claude-code-bmad-skills |
Role: Phase 3 - Solutioning specialist Function: Design system architecture that meets all functional and non-functional requirements Responsibilities - Design system architecture - Select appropriate technology stacks with justification - Define system components, boundaries, and interfaces - Create data models and API specifications - Address non-functional requirements systematically - Ensure scalability, security, and maintainability - Document architectural decisions and trade-off...
|
592 |
| 12209 | react-data-fetching | patternsdev/skills |
React Data Fetching Patterns Table of Contents When to Use Instructions Details Source Production-ready patterns for fetching, caching, and synchronizing server data in React applications. These patterns are framework-agnostic — they work whether you're using Vite + React Router, Next.js, Remix, or a custom setup. When to Use Reference these patterns when: Adding data fetching to components Replacing useEffect + fetch with a proper data layer Implementing caching, deduplication, or optimistic up...
|
592 |
| 12210 | 3d-visualizer | daffy0208/ai-dev-standards |
3D Visualizer Skill I help you create 3D visualizations, interactive 3D graphics, and immersive web experiences using Three.js. What I Do 3D Graphics: 3D models and scenes Materials and lighting Animations and interactions Camera controls 3D Data Visualization: 3D charts and graphs Network visualizations Geospatial data Scientific visualization Interactive 3D: Product viewers (360°) Configurators Interactive demos 3D games Three.js with React Three Fiber npm install three @react-three/fiber @rea...
|
592 |
| 12211 | longbridge-subscriptions | longbridge/skills |
longbridge-subscriptions Diagnostic listing of the active real-time subscriptions in the current longbridge CLI session. Response language : match the user's input language — Simplified Chinese / Traditional Chinese / English. default_install: false — not installed by default. Manual symlink only. When to use "我现在订阅了哪些实时推送" → run "为什么没收到 NVDA 实时报价" → diagnostic "实时数据" (ambiguous) → ask back: subscriptions vs quotes vs watchlist? CLI longbridge subscriptions --format json Show more
|
591 |
| 12212 | competitor-alternatives | sickn33/antigravity-awesome-skills |
Competitor & Alternative Pages You are an expert in creating competitor comparison and alternative pages. Your goal is to build pages that rank for competitive search terms, provide genuine value to evaluators, and position your product effectively. Initial Assessment Check for product marketing context first: If .agents/product-marketing-context.md exists (or .claude/product-marketing-context.md in older setups), read it before asking questions. Use that context and only ask for information not...
|
591 |
| 12213 | exa-search | benedictking/exa-search |
Exa Search Drift-prone skill. Exa MCP tool names, parameters, and account limits can change. Confirm the exposed tool surface and current Exa docs before relying on a specific search mode, category, or livecrawl behavior. Neural search for web content, code, companies, and people via the Exa MCP server. When to Activate User needs current web information or news Searching for code examples, API docs, or technical references Researching companies, competitors, or market players Finding profession...
|
591 |
| 12214 | build-skill | camacho/ai-skills |
Build Skill Build skills by running 3 competing approaches in parallel inside the full 10-step workflow pipeline. Args The args string is the skill specification. It should contain: The skill name (required) What the skill does, its modes/subcommands, and any context needed Example: /build-skill audit-permissions — wraps a TypeScript analyzer, default mode runs report, reset mode archives logs If args are vague, ask one clarifying question before proceeding. Don't over-interview. Steps Step 1 — ...
|
591 |
| 12215 | mobile-security-coder | sickn33/antigravity-awesome-skills |
Use this skill when Working on mobile security coder tasks or workflows Needing guidance, best practices, or checklists for mobile security coder Do not use this skill when The task is unrelated to mobile security coder You need a different domain or tool outside this scope Instructions Clarify goals, constraints, and required inputs. Apply relevant best practices and validate outcomes. Provide actionable steps and verification. If detailed examples are required, open resources/implementation-pl...
|
591 |
| 12216 | brewpage-publish | kochetkov-ma/claude-brewcode |
brewpage Publish content to brewpage.app — free instant hosting for HTML pages, JSON documents, and files. No sign-up required. Workflow Step 1: Parse Arguments Extract from $ARGUMENTS : --ttl N → TTL in days (default: 5 ) Remaining text → content_arg Step 2: Detect Content Type Input Type API content_arg is a path AND file exists ( test -f ) FILE POST /api/files (multipart) content_arg starts with { or [ JSON POST /api/json Anything else HTML POST /api/html (format=markdown) For FILE: get file ...
|
590 |
| 12217 | worldbuilding | jwynia/agent-skills |
Worldbuilding: Diagnostic Skill Diagnose world-level problems in fictional settings. Identify what's missing or unconvincing and recommend specific interventions. When to Use This Skill Use this skill when: Setting feels like a painted backdrop Technology/magic hasn't transformed society Institutions feel designed rather than evolved Economy doesn't make sense Cultures lack depth Do NOT use this skill when: Story problems are character-focused (use character-arc) Plot structure issues (use...
|
590 |
| 12218 | web-asset-generator | alonw0/web-asset-generator |
Web Asset Generator Generate professional web assets from logos or text slogans, including favicons, app icons, and social media meta images. Quick Start When a user requests web assets: Use AskUserQuestion tool to clarify needs if not specified: What type of assets they need (favicons, app icons, social images, or everything) Whether they have source material (logo image vs text/slogan) For text-based images: color preferences Check for source material : If user uploaded an image: use it as the...
|
590 |
| 12219 | llm-wiki | alirezarezvani/claude-skills |
LLM Wiki — Knowledge Distillation Pattern You are maintaining a persistent, compounding knowledge base. The wiki is not a chatbot — it is a compiled artifact where knowledge is distilled once and kept current, not re-derived on every query. Three-Layer Architecture Layer 1: Raw Sources (immutable) The user's original documents — articles, papers, notes, PDFs, conversation logs, bookmarks, and images (screenshots, whiteboard photos, diagrams, slide captures). These are never modified by the syste...
|
589 |
| 12220 | secrets-vault-manager | alirezarezvani/claude-skills |
Secrets Vault Manager Tier: POWERFUL Category: Engineering Domain: Security / Infrastructure / DevOps Overview Production secret infrastructure management for teams running HashiCorp Vault, cloud-native secret stores, or hybrid architectures. This skill covers policy authoring, auth method configuration, automated rotation, dynamic secrets, audit logging, and incident response. Distinct from env-secrets-manager which handles local .env file hygiene and leak detection. This skill operates at the ...
|
589 |
| 12221 | e2e-testing-automation | aj-geddes/useful-ai-prompts |
E2E Testing Automation Overview End-to-end (E2E) testing validates complete user workflows from the UI through all backend systems, ensuring the entire application stack works together correctly from a user's perspective. E2E tests simulate real user interactions with browsers, handling authentication, navigation, form submissions, and validating results. When to Use Testing critical user journeys (signup, checkout, login) Validating multi-step workflows Testing across different browsers and d...
|
588 |
| 12222 | game-architecture | opusgamelabs/game-creator |
Game Architecture Patterns Reference knowledge for building well-structured browser games. These patterns apply to both Three.js (3D) and Phaser (2D) games. Reference Files For detailed reference, see companion files in this directory: system-patterns.md — Object pooling, delta-time normalization, resource disposal, wave/spawn systems, buff/powerup system, haptic feedback, asset management Core Principles Core Loop First : Implement the minimum gameplay loop before any polish. The order is: inpu...
|
588 |
| 12223 | performance-profiler | alirezarezvani/claude-skills |
Performance Profiler Tier: POWERFUL Category: Engineering Domain: Performance Engineering Overview Systematic performance profiling for Node.js, Python, and Go applications. Identifies CPU, memory, and I/O bottlenecks; generates flamegraphs; analyzes bundle sizes; optimizes database queries; detects memory leaks; and runs load tests with k6 and Artillery. Always measures before and after. Core Capabilities Show more
|
588 |
| 12224 | gws-alertcenter | googleworkspace/cli |
alertcenter (v1beta1) PREREQUISITE: Read ../gws-shared/SKILL.md for auth, global flags, and security rules. If missing, run gws generate-skills to create it. gws alertcenter < resource > < method > [ flags ] API Resources alerts batchDelete — Performs batch delete operation on alerts. batchUndelete — Performs batch undelete operation on alerts. delete — Marks the specified alert for deletion. An alert that has been marked for deletion is removed from Alert Center after 30 days. Marking an alert ...
|
587 |
| 12225 | logging-best-practices | aj-geddes/useful-ai-prompts |
Logging Best Practices Skill Version: 1.0.0 Purpose This skill provides guidelines for implementing effective logging in applications. It focuses on wide events (also called canonical log lines) - a pattern where you emit a single, context-rich event per request per service, enabling powerful debugging and analytics. When to Apply Apply these guidelines when: Writing or reviewing logging code Adding console.log, logger.info, or similar Designing logging strategy for new services Setting up...
|
587 |
| 12226 | ralph | yeachan-heo/oh-my-claudecode |
ralph (Ouroboros) — Specification-First AI Development Stop prompting. Start specifying. "The beginning is the end, and the end is the beginning." The serpent doesn't repeat — it evolves. When to use this skill Before writing any code — expose hidden assumptions with Socratic interviewing Long-running tasks that need autonomous iteration until verified Vague requirements — crystallize them into an immutable spec (Ambiguity ≤ 0.2) Tasks requiring guaranteed completion — loop until verification pa...
|
587 |
| 12227 | autonomous | camacho/ai-skills |
Return to Autonomous Mode Claude Code only — Codex and Cursor sessions are always autonomous. Activate .claude/hooks/activate-autonomous.sh If the script does not exist, tell the user: "This project doesn't have mode switching hooks. You are already in autonomous mode by default." Confirmation After activation, print: Mode: autonomous Worktree enforcement active. Full workflow pipeline. Behavior Follow autonomous mode rules in .claude/rules/operating-mode.md .
|
586 |
| 12228 | system-design | jwynia/agent-skills |
System Design Help design systems and evaluate architectural decisions. Framework 1. Requirements Gathering Functional requirements (what it does) Non-functional requirements (scale, latency, availability, cost) Constraints (team size, timeline, existing tech stack) 2. High-Level Design Component diagram Data flow API contracts Storage choices 3. Deep Dive Data model design API endpoint design (REST, GraphQL, gRPC) Caching strategy Queue/event design Error handling and retry logic 4. Scale and R...
|
586 |
| 12229 | cicd-expert | martinholovsky/claude-skills-generator |
CI/CD Pipeline Expert 1. Overview You are an elite CI/CD pipeline engineer with deep expertise in: GitHub Actions: Workflows, reusable actions, matrix builds, caching strategies, self-hosted runners GitLab CI: Pipeline configuration, DAG pipelines, parent-child pipelines, dynamic child pipelines Jenkins: Declarative/scripted pipelines, shared libraries, distributed builds Security: SAST/DAST integration, secrets management, supply chain security, artifact signing Deployment Strategies: Blue/gr...
|
586 |
| 12230 | pulumi-cdk-to-pulumi | pulumi/agent-skills |
CRITICAL SUCCESS REQUIREMENTS The migration output MUST meet all of the following: Complete Resource Coverage Every CloudFormation resource synthesized by CDK MUST: Be represented in the Pulumi program OR Be explicitly justified in the final report. Successful Deployment The produced Pulumi program must be structurally valid and capable of a successful pulumi up (assuming proper config). Final Migration Report Always output a formal migration report suitable for a Pull Request. Include: CDK → Pu...
|
586 |
| 12231 | metatron-pentest-assistant | aradotso/trending-skills |
METATRON Penetration Testing Assistant Skill by ara.so — Daily 2026 Skills collection. METATRON is a CLI-based AI penetration testing assistant that runs entirely locally — no cloud, no API keys. It orchestrates recon tools (nmap, whois, whatweb, curl, dig, nikto), feeds results to a locally running fine-tuned LLM ( metatron-qwen via Ollama), and stores all findings in MariaDB with full scan history, vulnerability tracking, and PDF/HTML export. Architecture Overview metatron.py ← CLI entry p...
|
586 |
| 12232 | gws-cloudidentity | googleworkspace/cli |
cloudidentity (v1) PREREQUISITE: Read ../gws-shared/SKILL.md for auth, global flags, and security rules. If missing, run gws generate-skills to create it. gws cloudidentity < resource > < method > [ flags ] API Resources customers userinvitations — Operations on the 'userinvitations' resource devices cancelWipe — Cancels an unfinished device wipe. This operation can be used to cancel device wipe in the gap between the wipe operation returning success and the device being wiped. This operation is...
|
585 |
| 12233 | peer-review | davila7/claude-code-templates |
Scientific Critical Evaluation and Peer Review Overview Peer review is a systematic process for evaluating scientific manuscripts. Assess methodology, statistics, design, reproducibility, ethics, and reporting standards. Apply this skill for manuscript and grant review across disciplines with constructive, rigorous evaluation. When to Use This Skill This skill should be used when: Conducting peer review of scientific manuscripts for journals Evaluating grant proposals and research applications A...
|
585 |
| 12234 | startup-business-analyst-business-case | sickn33/antigravity-awesome-skills |
Business Case Generator Generate a comprehensive, investor-ready business case document covering market opportunity, solution, competitive landscape, financial projections, team, risks, and funding ask for startup fundraising and strategic planning. Use this skill when Working on business case generator tasks or workflows Needing guidance, best practices, or checklists for business case generator Do not use this skill when The task is unrelated to business case generator You need a different dom...
|
585 |
| 12235 | jira | softaworks/agent-toolkit |
Jira Natural language interaction with Jira. Supports multiple backends. Backend Detection Run this check first to determine which backend to use: 1. Check if jira CLI is available: → Run: which jira → If found: USE CLI BACKEND 2. If no CLI, check for Atlassian MCP: → Look for mcp__atlassian__* tools → If available: USE MCP BACKEND 3. If neither available: → GUIDE USER TO SETUP Backend When to Use Reference CLI jira command available references/commands.md MCP Atlassian MCP tools available refer...
|
585 |
| 12236 | project-planning | jezweb/claude-skills |
Project Planning Skill Specialized planning assistant for web application projects. Generate context-safe phases with comprehensive planning documentation. ⚡ Recommended Workflow ASK 3-5 clarifying questions (auth, data, features, scope) WAIT for user answers CREATE planning docs immediately (IMPLEMENTATION_PHASES.md always, others as needed) OUTPUT all docs to user for review CONFIRM user satisfied SUGGEST creating SESSION.md and starting Phase 1 🤖 Automation Commands Two slash commands are ...
|
584 |
| 12237 | longbridge-kline | longbridge/skills |
longbridge-kline Historical candlesticks and today's intraday curve for Longbridge-supported securities (HK / US / A-share / Singapore). Does not support options, warrants, or indices — defer to longbridge-derivatives (derivatives) or longbridge-quote (indices). Response language : match the user's input language — Simplified Chinese / Traditional Chinese / English. Subcommands Run longbridge kline --help to confirm current period values, defaults, and aliases. CLI command Use when longbridge kl...
|
584 |
| 12238 | powershell-master | josiahsiegel/claude-plugin-marketplace |
PowerShell Master 🚨 CRITICAL GUIDELINES Windows File Path Requirements MANDATORY: Always Use Backslashes on Windows for File Paths When using Edit or Write tools on Windows, you MUST use backslashes (\) in file paths, NOT forward slashes (/). Examples: ❌ WRONG: D:/repos/project/file.tsx ✅ CORRECT: D:\repos\project\file.tsx This applies to: Edit tool file_path parameter Write tool file_path parameter All file operations on Windows systems Documentation Guidelines NEVER create new documenta...
|
584 |
| 12239 | google-image-search | glebis/claude-skills |
Google Image Search Skill Search for images using Google Custom Search API with intelligent scoring and LLM-based selection. When to Use Finding images to illustrate technical articles or research Adding visuals to presentations Enriching Obsidian notes with relevant images Batch image search for multiple topics Generating image search configs from plain text lists Requirements Google Custom Search API key and Search Engine ID OpenRouter API key (for LLM selection) llm CLI installed at /opt/ho...
|
584 |
| 12240 | marketing-psychology | alirezarezvani/claude-skills |
Marketing Psychology & Mental Models You are an expert in applying psychological principles and mental models to marketing. Your goal is to help users understand why people buy, how to influence behavior ethically, and how to make better marketing decisions. How to Use This Skill Check for product marketing context first: If .agents/product-marketing-context.md exists (or .claude/product-marketing-context.md in older setups), read it before applying mental models. Use that context to tailor reco...
|
584 |
| 12241 | soc2-compliance | alirezarezvani/claude-skills |
../../../ra-qm-team/soc2-compliance/SKILL.md
|
584 |
| 12242 | openapi-specification-v3.2 | hairyf/skills |
Agent-oriented reference for the OpenAPI Specification 3.2.0. Use when editing, generating, or validating OpenAPI descriptions (OAD). When to Use - Authoring or updating OpenAPI 3.2 YAML/JSON documents - Resolving `$ref`, `$self`, and relative URIs in multi-document OADs - Describing paths, operations, parameters (query/path/header/cookie/querystring), request body, and responses - Using Schema Objects (JSON Schema Draft 2020-12 dialect), components, and references - Configuring security ...
|
584 |
| 12243 | laravel-development | mindrally/skills |
Laravel Development You are an expert in Laravel, PHP, and related web development technologies. Key Principles Write concise, technical responses with accurate PHP examples Follow Laravel best practices and conventions Use object-oriented programming with a focus on SOLID principles Prefer iteration and modularization over duplication Use descriptive variable and method names Favor dependency injection and service containers PHP/Laravel Use PHP 8.1+ features (typed properties, match expressio...
|
584 |
| 12244 | tailwind-4 | prowler-cloud/prowler |
Styling Decision Tree Tailwind class exists? → className="..." Dynamic value? → style={{ width: `${x}%` }} Conditional styles? → cn("base", condition && "variant") Static only? → className="..." (no cn() needed) Library can't use class?→ style prop with var() constants Critical Rules Never Use var() in className // ❌ NEVER: var() in className <div className="bg-[var(--color-primary)]" /> <div className="text-[var(--text-color)]" /> // ✅ ALWAYS: Use Tailwind semantic cl...
|
583 |
| 12245 | brand-guidelines | alirezarezvani/claude-skills |
Anthropic Brand Styling Overview To access Anthropic's official brand identity and style resources, use this skill. Keywords : branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, Anthropic brand, visual formatting, visual design Brand Guidelines Colors Main Colors: Dark: 141413 - Primary text and dark backgrounds Light: faf9f5 - Light backgrounds and text on dark Mid Gray: b0aea5 - Secondary elements Light Gray: e8e6dc - Subtle backgrounds Accent Co...
|
583 |
| 12246 | react-native-animations | pluginagentmarketplace/custom-plugin-react-native |
React Native Animations Skill Learn high-performance animations using Reanimated 3, Gesture Handler, and layout animations. Prerequisites React Native basics Understanding of JavaScript closures Familiarity with transforms and styles Learning Objectives After completing this skill, you will be able to: Create smooth 60fps animations with Reanimated Handle complex gestures with Gesture Handler Implement layout entering/exiting animations Optimize animations for performance Combine gestur...
|
583 |
| 12247 | data-jupyter-python | mindrally/skills |
Data Analysis and Jupyter Python Development You are an expert in data analysis, visualization, and Jupyter Notebook development, specializing in pandas, matplotlib, seaborn, and numpy libraries. Follow these guidelines when working with data analysis code. Key Principles Write concise, technical responses with accurate Python examples Prioritize reproducibility in data workflows Use functional programming; avoid unnecessary classes Prefer vectorized operations over explicit loops for performa...
|
583 |
| 12248 | brainstorm | hyperb1iss/hyperskills |
Brainstorming Ideas Into Designs Overview Help turn ideas into fully formed designs and specs through natural collaborative dialogue. Start by understanding the current project context, then ask questions one at a time to refine the idea. Once you understand what you're building, present the design in small sections (200-300 words), checking after each section whether it looks right so far. The Process Understanding the idea: Check out the current project state first (files, docs, recent commits...
|
582 |
| 12249 | angular-ui-patterns | sickn33/antigravity-awesome-skills |
Angular UI Patterns Core Principles Never show stale UI - Loading states only when actually loading Always surface errors - Users must know when something fails Optimistic updates - Make the UI feel instant Progressive disclosure - Use @defer to show content as available Graceful degradation - Partial data is better than no data Loading State Patterns The Golden Rule Show loading indicator ONLY when there's no data to display. @ Component ( { template : ` @if (error()) { <app-error-state [error]...
|
582 |
| 12250 | vue3 | teachingai/full-stack-skills |
When to use this skill Use this skill whenever the user wants to: Learn or apply Vue 3 guide topics (from Introduction to advanced extras) Implement Vue 3 components, reactivity, templates, and routing Follow Vue 3 best practices, TypeScript usage, or performance guidance Check Vue 3 API reference for specific functions or options How to use this skill Identify the topic from the user request. Open the matching guide example file in examples/. If API details are needed, open the matching file ...
|
581 |