Overview CLI FAQ

Agent Skills 排行榜 · 关键词 + 语义搜索

按 / 聚焦搜索框
正在使用 AI 进行语义搜索...
27,417
总 Skills
159.9M
总安装量
2,739
贡献者
# Skill 仓库 描述 安装量
26501 socratic neurofoo/agent-skills
Socratic Questioning Guide discovery through systematic questioning, helping examine a belief, decision, or idea more deeply. Instructions Work through multiple levels of questioning to explore the topic. The goal isn't to prove the person wrong—it's to help them (or yourself) think more clearly and deeply. Output Format Topic/Belief: [What we're examining] Starting Point The Claim/Position [Restate the belief or idea being examined] Layer 1: Clarifying the Claim Questions What exactly...
 36
26502 pict-test-designer omkamal/pypict-claude-skill
PICT Test Designer This skill enables systematic test case design using PICT (Pairwise Independent Combinatorial Testing). Given requirements or code, it analyzes the system to identify test parameters, generates a PICT model with appropriate constraints, executes the model to generate pairwise test cases, and formats the results with expected outputs. When to Use This Skill Use this skill when: Designing test cases for a feature, function, or system with multiple input parameters Creating test ...
 36
26503 devtu-self-evolve mims-harvard/tooluniverse
ToolUniverse Self-Evolution Orchestrator Coordinates the full development lifecycle by dispatching to specialized devtu skills. The Cycle Discover → Create → Test → Fix → Optimize → Ship → Repeat Each phase maps to a dedicated skill: Phase Skill What it does Discover devtu-auto-discover-apis Gap analysis, web search for APIs, batch discovery Create devtu-create-tool Build tool class + JSON config + test examples Test (this skill) Launch researcher persona agents to find issues Fix devtu-fix-tool...
 36
26504 performance-optimization pluginagentmarketplace/custom-plugin-nodejs
Performance Optimization Overview Measure before optimizing. Performance work without measurement is guessing — and guessing leads to premature optimization that adds complexity without improving what matters. Profile first, identify the actual bottleneck, fix it, measure again. Optimize only what measurements prove matters. When to Use Performance requirements exist in the spec (load time budgets, response time SLAs) Users or monitoring report slow behavior Core Web Vitals scores are below thre...
 36
26505 prompt-optimizer hikanner/agent-skills
Prompt Optimizer Analyze a draft prompt, critique it, match it to ECC ecosystem components, and output a complete optimized prompt the user can paste and run. When to Use User says "optimize this prompt", "improve my prompt", "rewrite this prompt" User says "help me write a better prompt for..." User says "what's the best way to ask Claude Code to..." User says "优化prompt", "改进prompt", "怎么写prompt", "帮我优化这个指令" User pastes a draft prompt and asks for feedback or enhancement User says "I don't know ...
 36
26506 recovery-community-moderator erichowens/some_claude_skills
Recovery Community Moderator Trauma-informed AI moderator for addiction recovery communities. Applies harm reduction principles, honors 12-step traditions, and distinguishes between healthy conflict and abuse. When to Use ✅ USE this skill for: Moderating forum posts and comments in recovery communities Detecting crisis indicators in user-generated content Evaluating content for harm reduction compliance Applying trauma-informed moderation decisions Distinguishing healthy conflict from abuse ❌ DO...
 36
26507 review-response galaxy-dawn/claude-scholar
Review Response A systematic review response workflow that helps researchers efficiently and professionally reply to reviewer comments. Core Features Review Analysis - Parse and classify reviewer comments (Major/Minor/Typo/Misunderstanding) Response Strategy - Develop response strategies for different comment types (Accept/Defend/Clarify/Experiment) Rebuttal Writing - Write structured, professional rebuttal documents Tone Management - Optimize tone to maintain professionalism, respect, and evide...
 36
26508 gcp aibangjuxin/knowledge
Provides comprehensive Google Cloud Platform capabilities for the Golden Armada AI Agent Fleet Platform. When to Use This Skill Activate this skill when working with: - GKE cluster management - Cloud Run deployments - Cloud Storage operations - BigQuery data analytics - Pub/Sub messaging gcloud CLI Quick Reference Configuration ```bash Initialize gcloud init Authenticate gcloud auth login gcloud auth application-default login Set project gcloud config set project PROJECT_ID...
 36
26509 capability-activation qodex-ai/ai-agent-skills
IF A SKILL APPLIES TO YOUR TASK, YOU DO NOT HAVE A CHOICE. YOU MUST USE IT. This is not negotiable. This is not optional. You cannot rationalize your way out of this. How to Access Skills In Claude Code: Use the Skill tool. When you invoke a skill, its content is loaded and presented to you—follow it directly. Never use the Read tool on skill files. In other environments: Check your platform's documentation for how skills are loaded. Using Skills The Rule Check for skills BEFORE ANY RESPONSE. Th...
 36
26510 testing scientiacapital/skills
LobeHub Testing Guide Quick Reference Commands: Run specific test file bunx vitest run --silent = 'passed-only' '[file-path]' Database package (client-db, PGlite — default, skips BM25/pg_search) cd packages/database && bunx vitest run --silent = 'passed-only' '[file]' Database package (server-db, Postgres — BM25/pgvector parity, what CI measures coverage in) cd packages/database && TEST_SERVER_DB = 1 bunx vitest run --silent = 'passed-only' '[file]' Never run bun run test - it runs all 3000+ ...
 36
26511 text-to-speech wlzh/skills
ElevenLabs Text-to-Speech Generate natural speech from text - supports 70+ languages, multiple models for quality vs latency tradeoffs. Setup: See Installation Guide . For JavaScript, use @elevenlabs/* packages only. Quick Start Python from elevenlabs import ElevenLabs client = ElevenLabs ( ) audio = client . text_to_speech . convert ( text = "Hello, welcome to ElevenLabs!" , voice_id = "JBFqnCBsd6RMkjVDRZzb" , George model_id = "eleven_multilingual_v2" ) with open ( "output.mp3" , "wb" ) as f ...
 36
26512 repomix duc01226/easyplatform
Repomix Skill Repomix packs entire repositories into single, AI-friendly files. Perfect for feeding codebases to LLMs like Claude, ChatGPT, and Gemini. When to Use Use when: Packaging codebases for AI analysis Creating repository snapshots for LLM context Analyzing third-party libraries Preparing for security audits Generating documentation context Investigating bugs across large codebases Creating AI-friendly code representations Quick Start Check Installation repomix --version Install np...
 36
26513 video-generate agntswrm/agent-media
Generates a video from a text prompt using AI video generation models. Supports both text-to-video and image-to-video (animating a static image). Command ``` agent-media video generate --prompt <text> [options] ``` Inputs | `--prompt` | Yes | Text description of the video to generate | `--in` | No | Input image path or URL for image-to-video | `--duration` | No | Duration in seconds (6, 8, 10, 12, 14, 16, 18, 20; default: 6) | `--resolution` | No | Video resolution (720p, 10...
 36
26514 linkedin-roast schwepps/skills
LinkedIn Roast Skill Overview This skill delivers hilarious, savage-but-friendly roasts of LinkedIn profiles. Think Comedy Central Roast meets corporate networking. The goal is to make people laugh at the absurdities of professional self-presentation while staying playful and never genuinely hurtful. Philosophy : "We only roast the ones we love" - Friars Club Golden Rules of LinkedIn Roasting DO Roast Target Why It's Funny Buzzword soup "Synergy", "leverage", "thought leader" - corporate speak b...
 36
26515 chartjs vamseeachanta/workspace-hub
Create beautiful, responsive charts in minutes with Chart.js - the simple yet flexible JavaScript charting library. When to Use This Skill Use Chart.js when you need: - Quick implementation - Up and running in minutes - Simple charts - Line, bar, pie, doughnut, radar charts - Minimal configuration - Sensible defaults that work out of the box - Small projects - Lightweight library (60KB gzipped) - Responsive charts - Mobile-friendly by default - No dependencies - Standalone library Avoi...
 36
26516 design-patterns ratacat/claude-skills
RTK Rust Design Patterns Patterns that apply to RTK's filter module architecture. Focused on CLI tool patterns, not web/service patterns. Pattern 1: Newtype (Type Safety) Use when: wrapping primitive types to prevent misuse (command names, paths, token counts). // Without Newtype — easy to mix up fn track ( input_tokens : usize , output_tokens : usize ) { ... } track ( output_tokens , input_tokens ) ; // Silent bug! // With Newtype — compile error on swap pub struct InputTokens ( pub usize ) ; p...
 36
26517 flight-search olafs-world/flight-search
Flight Search Search Google Flights from the command line. Get prices, times, and airlines - no API key needed. Built on fast-flights . Quick Start one-off search (no install needed) uvx flight-search DEN LAX --date 2026 -03-01 or install globally uv tool install flight-search flight-search JFK LHR --date 2026 -06-15 --return 2026 -06-22 Options positional arguments: origin Origin airport code (e.g., DEN, LAX, JFK) destination Destination airport code options: --date, ...
 36
26518 ln-811-algorithm-optimizer levnikolaevich/claude-code-skills
Paths: File paths ( shared/ , references/ , ../ln-* ) are relative to skills repo root. If not found at CWD, locate this SKILL.md directory and go up one level for repo root. ln-811-algorithm-optimizer Type: L3 Worker Category: 8XX Optimization Parent: ln-810-performance-optimization-coordinator Optimizes target function performance via autoresearch loop: establish baseline benchmark, research best practices, generate 3-7 hypotheses, apply each with keep/discard verification. Overview Aspect Det...
 36
26519 mixpanel-automation davepoon/buildwithclaude
Mixpanel Automation via Rube MCP Automate Mixpanel product analytics through Composio's Mixpanel toolkit via Rube MCP. Toolkit docs : composio.dev/toolkits/mixpanel Prerequisites Rube MCP must be connected (RUBE_SEARCH_TOOLS available) Active Mixpanel connection via RUBE_MANAGE_CONNECTIONS with toolkit mixpanel Always call RUBE_SEARCH_TOOLS first to get current tool schemas Setup Get Rube MCP : Add https://rube.app/mcp as an MCP server in your client configuration. No API keys needed — just add ...
 36
26520 ralph-wiggum agrimsingh/ralph-wiggum-cursor
Autonomous AI coding with spec-driven development What is Ralph Wiggum? Ralph Wiggum combines Geoffrey Huntley's iterative bash loop with spec-driven development for fully autonomous AI-assisted software development. The key insight: Fresh context each iteration. Each loop starts a new agent process with a clean context window, preventing context overflow and degradation. When to Use This Skill Use Ralph Wiggum when: - You have multiple specifications/features to implement - You want th...
 36
26521 paradedb-skill paradedb/agent-skills
ParadeDB Skill ParadeDB brings Elasticsearch-quality full-text search and analytics to Postgres using the pg_search extension. It provides BM25 ranking, advanced tokenizers, aggregations, and real-time indexing with ACID compliance. Key capabilities: Full-text search with BM25 relevance scoring, hybrid search (keyword + semantic embeddings via pgvector), tokenization and analyzer configuration, fuzzy matching, phrase queries, faceted search, sorting, snippets and highlighting, and Tantivy-powere...
 36
26522 swarm-expert desplega-ai/ai-toolbox
You are an expert on the agent-swarm MCP server for multi-agent coordination. Help users manage agent swarms, delegate tasks, communicate between agents, and coordinate work. Note: This skill requires the `agent-swarm` MCP server to be configured. The MCP provides tools for swarm coordination. Quick Reference | Join swarm | `join-swarm` | Join as leader or worker | Check swarm status | `get-swarm` | See all agents and status | List tasks | `get-tasks` | View tasks with filters | ...
 36
26523 code-optimizer luongnv89/skills
Code Optimization Analyze code for performance issues following this priority order: Analysis Priorities Performance bottlenecks - O(n²) operations, inefficient loops, unnecessary iterations Memory leaks - unreleased resources, circular references, growing collections Algorithm improvements - better algorithms or data structures for the use case Caching opportunities - repeated computations, redundant I/O, memoization candidates Concurrency issues - race conditions, deadlocks, thread safety prob...
 36
26524 discover-wasm rand/cc-polymath
Wasm Skills Discovery Provides automatic access to comprehensive wasm skills. When This Skill Activates This skill auto-activates when you're working with: WebAssembly WASM wasm-pack Rust to WASM browser WASM WASI portable bytecode Available Skills Quick Reference The Wasm category contains 4 skills: wasm-browser-integration wasm-fundamentals wasm-rust-toolchain wasm-server-side Load Full Category Details For complete descriptions and workflows: cat ~/.claude/skills/wasm/INDEX.md This ...
 36
26525 scikit-learn ovachiever/droid-tings
Scikit-learn Overview This skill provides comprehensive guidance for machine learning tasks using scikit-learn, the industry-standard Python library for classical machine learning. Use this skill for classification, regression, clustering, dimensionality reduction, preprocessing, model evaluation, and building production-ready ML pipelines. Installation Tested against scikit-learn 1.8.0 (stable; December 2025). Requires Python 3.11–3.14 (free-threaded CPython 3.14 wheels available in 1.8+). Inst...
 36
26526 kubernetes teachingai/full-stack-skills
Kubernetes / DevOps You are an expert in Kubernetes, DevOps, and cloud-native infrastructure with deep knowledge of containerization and automation. Core Principles Use English for all code and documentation Prioritize modular, reusable, scalable code Follow naming conventions (camelCase, PascalCase, snake_case, UPPER_CASE for constants) Avoid hardcoded values; use environment variables Apply Infrastructure-as-Code principles Enforce principle of least privilege for access control Kubernetes Use...
 36
26527 skill-creator teachingai/full-stack-skills
Skill Creator A skill for creating new skills and iteratively improving them. At a high level, the process of creating a skill goes like this: Decide what you want the skill to do and roughly how it should do it Write a draft of the skill Create a few test prompts and run claude-with-access-to-the-skill on them Help the user evaluate the results both qualitatively and quantitatively While the runs happen in the background, draft some quantitative evals if there aren't any (if there are some, you...
 36
26528 r3f-materials bbeierle12/skill-mcp-claude
React Three Fiber Materials Quick Start import { Canvas } from '@react-three/fiber' function Scene() { return ( <Canvas> <ambientLight intensity={0.5} /> <directionalLight position={[5, 5, 5]} /> <mesh> <boxGeometry /> <meshStandardMaterial color="hotpink" roughness={0.5} metalness={0.5} /> </mesh> </Canvas> ) } Material Types Overview Material Use Case Lighting meshBasicMaterial Unlit, flat colors No me...
 36
26529 vr-avatar-engineer erichowens/some_claude_skills
VR Avatar Excellence Engineer Expert in building high-quality avatar systems for VR/metaverse. Deep knowledge of real-time rendering, facial tracking, and cross-platform development for Vision Pro, Quest, and PC VR. When to Use This Skill ✅ Use for: VR avatar systems (Vision Pro, Quest, PCVR) Facial tracking integration (ARKit 52 blend shapes, Meta face tracking) Avatar generation from photos/scans Real-time networking for multiplayer avatars Subsurface scattering and skin rendering Performance ...
 36
26530 twitter-reader nicepkg/ai-workflow
Twitter Reader Fetch Twitter/X post content without needing JavaScript or authentication. Prerequisites You need a Jina API key to use this skill: Visit https://jina.ai/ to sign up (free tier available) Get your API key from the dashboard Set the environment variable: export JINA_API_KEY="your_api_key_here" Quick Start For a single tweet, use curl directly: curl "https://r.jina.ai/https://x.com/USER/status/TWEET_ID" \ -H "Authorization: Bearer ${JINA_API_KEY}" For multiple tweets, use...
 36
26531 linear-time finesssee/linear-cli
Time Tracking Log time linear-cli tm log LIN-123 2h Log 2 hours linear-cli tm log LIN-123 30m Log 30 minutes linear-cli tm log LIN-123 1h30m Log 1.5 hours List time entries linear-cli tm list --issue LIN-123 linear-cli tm list --output json Delete entry linear-cli tm delete ENTRY_ID Duration Format 30m , 1h , 2h30m , 1d (8 hours) Flags Flag Purpose --issue ID Filter by issue --output json JSON output
 36
26532 bamboohr-automation davepoon/buildwithclaude
BambooHR Automation via Rube MCP Automate BambooHR human resources operations through Composio's BambooHR toolkit via Rube MCP. Toolkit docs : composio.dev/toolkits/bamboohr Prerequisites Rube MCP must be connected (RUBE_SEARCH_TOOLS available) Active BambooHR connection via RUBE_MANAGE_CONNECTIONS with toolkit bamboohr Always call RUBE_SEARCH_TOOLS first to get current tool schemas Setup Get Rube MCP : Add https://rube.app/mcp as an MCP server in your client configuration. No API keys needed — ...
 36
26533 mcp-management duc01226/easyplatform
MCP Management Skill for managing and interacting with Model Context Protocol (MCP) servers. Overview MCP is an open protocol enabling AI agents to connect to external tools and data sources. This skill provides scripts and utilities to discover, analyze, and execute MCP capabilities from configured servers without polluting the main context window. Key Benefits: Progressive disclosure of MCP capabilities (load only what's needed) Intelligent tool/prompt/resource selection based on task req...
 36
26534 understanding-tauri-ecosystem-security dchuk/claude-code-tauri-skills
This skill covers Tauri's organizational security practices, dependency management, vulnerability reporting, and comprehensive security auditing approaches. Tauri Security Philosophy Tauri operates on a principle of defense-in-depth with human-in-the-loop oversight. The framework acknowledges that "the weakest link in your application lifecycle essentially defines your security" and provides mechanisms to address threats at every stage. Trust Boundaries Tauri distinguishes between: - Rust...
 36
26535 nushell-plugin-builder ypares/agent-skills
Nushell Plugin Builder Overview This skill helps create Nushell plugins in Rust. Plugins are standalone executables that extend Nushell with custom commands, data transformations, and integrations. Quick Start 1. Create Plugin Project cargo new nu_plugin_ < name > cd nu_plugin_ < name > cargo add nu-plugin nu-protocol 2. Basic Plugin Structure use nu_plugin :: { EvaluatedCall , MsgPackSerializer , serve_plugin } ; use nu_plugin :: { EngineInterface , Plugin , PluginCommand , SimplePluginCommand ...
 36
26536 resilience-patterns melodic-software/claude-code-plugins
Resilience Patterns Skill Overview This skill provides guidance on implementing resilience patterns in .NET applications. It covers both synchronous resilience (HTTP clients, service calls) using Polly and asynchronous resilience (message handlers) using Brighter. Key Principle: Design for failure. Systems should gracefully handle transient faults, prevent cascade failures, and provide meaningful fallback behavior. When to Use This Skill Keywords: resilience, circuit breaker, retry, polly, b...
 36
26537 codebase-explorer quicksilversurfer/codebase-explorer
Codebase Explorer A field manual for understanding unfamiliar code. Produces navigable maps of system behavior, not summaries of file contents. Core Principle The file tree is storage, not understanding. Directory structure reflects how a team organized artifacts. Logic traces reveal why code exists and what it does. When these conflict, trust the trace. Understanding is not "I have read the code." Understanding is "I can tell you what happens when X changes." You cannot understand a whole syste...
 36
26538 startup-fundraising vasilyu1983/ai-agents-public
Systematic framework for raising capital from pre-seed through growth stages. Modern Best Practices (Jan 2026): - Burn Multiple is king: Investors screen on Net Burn / Net New ARR before anything else. - Post-money SAFEs dominate: 85-90% of pre-seed deals use post-money SAFEs (not pre-money). - Data room = product: Clean structure, version control, index document, 409A current. - 7 due diligence areas: Beyond the deck—financial hygiene, unit economics, founder-market fit, digital reputation...
 36
26539 skill-creator breverdbidder/life-os
Skill Creator A skill for creating new skills and iteratively improving them. At a high level, the process of creating a skill goes like this: Decide what you want the skill to do and roughly how it should do it Write a draft of the skill Create a few test prompts and run claude-with-access-to-the-skill on them Help the user evaluate the results both qualitatively and quantitatively While the runs happen in the background, draft some quantitative evals if there aren't any (if there are some, you...
 36
26540 agent-config luongnv89/skills
Repo Sync Before Edits (mandatory) Before creating/updating/deleting files in an existing repository, sync the current branch with remote: branch = " $( git rev-parse --abbrev-ref HEAD ) " git fetch origin git pull --rebase origin " $branch " If the working tree is not clean, stash first, sync, then restore: git stash push -u -m "pre-sync" branch = " $( git rev-parse --abbrev-ref HEAD ) " git fetch origin && git pull --rebase origin " $branch " git stash pop If origin is missing, pull is unavail...
 36
26541 blender-toolkit dev-gom/claude-code-marketplace
⚠️ Installation Check (READ THIS FIRST) IMPORTANT: Before using this skill, check Blender addon installation status. Config location: Check the shared config file for your installation status: ~/.claude/plugins/marketplaces/dev-gom-plugins/blender-config.json Always run scripts with --help first to see usage. DO NOT read the source until you try running the script first and find that a customized solution is abslutely necessary. These scripts can be very large and thus pollute your context ...
 36
26542 web-content-fetcher shino369/claude-code-personal-workspace
Web Content Fetcher — 网页正文提取 能力说明 给一个 URL，返回干净的 Markdown 格式正文，保留： 标题层级（ ） 超链接（ 文字 ） 图片（ ） 列表、代码块、引用块 提取策略（三级降级） URL ↓ 1. Jina Reader（首选） web_fetch("https://r.jina.ai/<url>", maxChars=30000) 优点：快（~1.5s），格式干净 限制：200次/天免费配额 失败场景：微信公众号（403）、部分国内平台 ↓ 2. Scrapling + html2text（Jina 超限或失败时） exec: python3 scripts/fetch.py <url> 30000 优点：无限制，效果和 Jina 相当，能读微信公众号 适合：mp.weixin.qq.com、Substack、Medium 等反爬平台 ↓ 3. web_fetch 直接抓（静态页面兜底） web_fetch(url, maxChars=30000) 适合：GitHub README、普通静态博客、技术文档 域名快捷路由 直接跳过 Jina...
 36
26543 skill-system-insight arthur0824hao/skills
Skill System Insight This skill turns sessions into structured, explainable behavioral insights ("facets"), and uses those facets to evolve a user's Soul state over time. The intent is pragmatic: collaborate better by learning the user's working style, not by inventing a persona. Architecture: Hybrid 3-Layer System Layer 1: Base Profile (balanced.md) - Static skeleton: section format + safety/quality defaults. Layer 2: Dual Matrix (soul-state) - Personality Matrix (slow/stable): openness, direct...
 36
26544 python-scientific-computing vamseeachanta/workspace-hub
Master Python for engineering analysis, numerical simulations, and scientific workflows using industry-standard libraries. When to Use This Skill Use Python scientific computing when you need: - Numerical analysis - Solving equations, optimization, integration - Engineering calculations - Stress, strain, dynamics, thermodynamics - Matrix operations - Linear algebra, eigenvalue problems - Symbolic mathematics - Analytical solutions, equation manipulation - Data analysis - Statistical anal...
 36
26545 env-secret-detector jeremylongshore/claude-code-plugins-plus-skills
Env Secret Detector Purpose This skill provides automated assistance for env secret detector tasks within the Security Fundamentals domain. When to Use This skill activates automatically when you: Mention "env secret detector" in your request Ask about env secret detector patterns or best practices Need help with essential security skills covering authentication, input validation, secure coding practices, and basic vulnerability detection. Capabilities Provides step-by-step guidance for env secr...
 36
26546 security elie222/inbox-zero
Security Architecture Diagram Generator Quick Start: Define trust boundaries → Place identity/encryption/firewall icons → Connect with access flows → Group into security zones → Wrap in ```plantuml fence. ⚠️ IMPORTANT: Always use ```plantuml or ```puml code fence. NEVER use ```text — it will NOT render as a diagram. Critical Rules Every diagram starts with @startuml and ends with @enduml Use left to right direction for access flows (User → AuthN → AuthZ → Resource) Use mxgraph.aws4.* stencil syn...
 36
26547 cloud-aws-s3 teachingai/full-stack-skills
When to use this skill Use this skill whenever the user wants to: [待完善：根据具体工具添加使用场景] How to use this skill [待完善：根据具体工具添加使用指南] Best Practices [待完善：根据具体工具添加最佳实践] Keywords [待完善：根据具体工具添加关键词]
 36
26548 solana-security tenequm/claude-plugins
Solana Security Auditing Systematic security review framework for Solana programs, supporting both Anchor and native Rust implementations. Review Process Follow this systematic 5-step process for comprehensive security audits: Step 1: Initial Assessment Understand the program's context and structure: Framework : Anchor vs Native Rust (check for use anchor_lang::prelude::* ) Anchor version : Check Cargo.toml for compatibility and known issues Dependencies : Oracles (Pyth, Switchboard), external p...
 36
26549 landing-page-guide bear2u/my-skills
Landing Page Guide Overview This skill enables creation of professional, high-converting landing pages following the 11 essential elements framework from DESIGNNAS. It provides complete implementation patterns for Next.js 14+ and React with ShadCN UI integration, ensuring every landing page includes proper SEO optimization, accessibility standards, and conversion-focused design. When to Use This Skill Use this skill when users request: Creation of landing pages, marketing pages, or product p...
 36
26550 docs-sandpack reactjs/react.dev
Sandpack Patterns Quick Start Template Most examples are single-file. Copy this and modify: <Sandpack> ` ` `js import { useState } from 'react'; export default function Example() { const [value, setValue] = useState(0); return ( <button onClick={() => setValue(value + 1)}> Clicked {value} times </button> ); } ` ` ` </Sandpack> File Naming Pattern Usage ```js Main file (no prefix) ```js src/FileName.js Supporting files ```js src/File.js active Active file (reference pages) ```js src/data.js hidde...
 36