███████╗██╗ ██╗██╗██╗ ██╗ ██████╗ █████╗ ███╗ ██╗██╗ ██╗
██╔════╝██║ ██╔╝██║██║ ██║ ██╔══██╗██╔══██╗████╗ ██║██║ ██╔╝
███████╗█████╔╝ ██║██║ ██║ ██████╔╝███████║██╔██╗ ██║█████╔╝
╚════██║██╔═██╗ ██║██║ ██║ ██╔══██╗██╔══██║██║╚██╗██║██╔═██╗
███████║██║ ██╗██║███████╗███████╗ ██║ ██║██║ ██║██║ ╚████║██║ ██╗
╚══════╝╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝
Agent Skills 排行榜 · 关键词 + 语义搜索
| # | Skill | 仓库 | 描述 | 安装量 |
|---|---|---|---|---|
| 2101 | senior-security | davila7/claude-code-templates |
Senior Security Complete toolkit for senior security with modern tools and best practices. Quick Start Main Capabilities This skill provides three core capabilities through automated scripts: Script 1: Threat Modeler python scripts/threat_modeler.py [options] Script 2: Security Auditor python scripts/security_auditor.py [options] Script 3: Pentest Automator python scripts/pentest_automator.py [options] Core Capabilities 1. Threat Modeler Automated tool for threat modeler tasks. Featu...
|
509 |
| 2102 | command-development | anthropics/claude-plugins-official |
Command Development for Claude Code Overview Slash commands are frequently-used prompts defined as Markdown files that Claude executes during interactive sessions. Understanding command structure, frontmatter options, and dynamic features enables creating powerful, reusable workflows. Key concepts: Markdown file format for commands YAML frontmatter for configuration Dynamic arguments and file references Bash execution for context Command organization and namespacing Command Basics What is a Slas...
|
509 |
| 2103 | redesign-existing-projects | leonxlnx/taste-skill |
Redesign Skill How This Works When applied to an existing project, follow this sequence: Scan — Read the codebase. Identify the framework, styling method (Tailwind, vanilla CSS, styled-components, etc.), and current design patterns. Diagnose — Run through the audit below. List every generic pattern, weak point, and missing state you find. Fix — Apply targeted upgrades working with the existing stack. Do not rewrite from scratch. Improve what's there. Design Audit Typography Check for these probl...
|
509 |
| 2104 | generate-image | davila7/claude-code-templates |
Generate Image Generate and edit high-quality images using OpenRouter's image generation models including FLUX.2 Pro and Gemini 3 Pro. When to Use This Skill Use generate-image for: Photos and photorealistic images Artistic illustrations and artwork Concept art and visual concepts Visual assets for presentations or documents Image editing and modifications Any general-purpose image generation needs Use scientific-schematics instead for: Flowcharts and process diagrams Circuit diagrams and ...
|
509 |
| 2105 | accessibility | jezweb/claude-skills |
Web Accessibility (WCAG 2.1 AA) Status : Production Ready ✅ Last Updated : 2026-01-14 Dependencies : None (framework-agnostic) Standards : WCAG 2.1 Level AA Quick Start (5 Minutes) 1. Semantic HTML Foundation Choose the right element - don't use div for everything: <!-- ❌ WRONG - divs with onClick --> < div onclick = " submit ( ) " > Submit </ div > < div onclick = " navigate ( ) " > Next page </ div > <!-- ✅ CORRECT - semantic elements --> < button type = " submit " > Submit </ button > < a hre...
|
509 |
| 2106 | domain-cli | zhanghandong/rust-skills |
CLI Domain Layer 3: Domain Constraints Domain Constraints → Design Implications Domain Rule Design Constraint Rust Implication User ergonomics Clear help, errors clap derive macros Config precedence CLI > env > file Layered config loading Exit codes Non-zero on error Proper Result handling Stdout/stderr Data vs errors eprintln! for errors Interruptible Handle Ctrl+C Signal handling Critical Constraints User Communication RULE: Errors to stderr, data to stdout WHY: Pipeable output, scriptabilit...
|
509 |
| 2107 | daily-news-report | sickn33/antigravity-awesome-skills |
Daily News Report v3.0 架构升级:主 Agent 调度 + SubAgent 执行 + 浏览器抓取 + 智能缓存 核心架构 ┌─────────────────────────────────────────────────────────────────────┐ │ 主 Agent (Orchestrator) │ │ 职责:调度、监控、评估、决策、汇总 │ ├─────────────────────────────────────────────────────────────────────┤ │ │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ │ │ │ 1...
|
508 |
| 2108 | develop-ai-functions-example | vercel/ai |
AI Functions Examples The examples/ai-functions/ directory contains scripts for validating, testing, and iterating on AI SDK functions across providers. Example Categories Examples are organized by AI SDK function in examples/ai-functions/src/: Directory Purpose generate-text/ Non-streaming text generation with generateText() stream-text/ Streaming text generation with streamText() generate-object/ Structured output generation with generateObject() stream-object/ Streaming structured output ...
|
507 |
| 2109 | marketing-strategy-pmm | davila7/claude-code-templates |
Marketing Strategy & Product Marketing Expert Product Marketing playbook for Series A+ startups expanding internationally with hybrid PLG/Sales-Led motion. Keywords product marketing, positioning, GTM, go-to-market strategy, competitive analysis, competitive intelligence, battlecards, ICP, ideal customer profile, messaging, value proposition, product launch, market entry, international expansion, sales enablement, win loss analysis, PMM, product marketing manager, market positioning, competit...
|
507 |
| 2110 | tavily-research | tavily-ai/skills |
tavily research AI-powered deep research that gathers sources, analyzes them, and produces a cited report. Takes 30-120 seconds. Prerequisites Requires the Tavily CLI. See tavily-cli for install and auth setup. Quick install: curl -fsSL https://cli.tavily.com/install.sh | bash && tvly login When to use You need comprehensive, multi-source analysis The user wants a comparison, market report, or literature review Quick searches aren't enough — you need synthesis with citations Step 5 in the workfl...
|
507 |
| 2111 | playwright-local | jezweb/claude-skills |
Playwright Local Browser Automation Status: Production Ready ✅ Last Updated: 2026-01-21 Dependencies: Node.js 20+ (Node.js 18 deprecated) or Python 3.9+ Latest Versions: playwright@1.57.0, playwright-stealth@0.0.1, puppeteer-extra-plugin-stealth@2.11.2 Browser Versions: Chromium 143.0.7499.4 | Firefox 144.0.2 | WebKit 26.0 ⚠️ v1.57 Breaking Change: Playwright now uses Chrome for Testing builds instead of Chromium. This provides more authentic browser behavior but changes the browser icon and t...
|
507 |
| 2112 | code-review-checklist | sickn33/antigravity-awesome-skills |
Code Review Checklist Overview Provide a systematic checklist for conducting thorough code reviews. This skill helps reviewers ensure code quality, catch bugs, identify security issues, and maintain consistency across the codebase. When to Use This Skill Use when reviewing pull requests Use when conducting code audits Use when establishing code review standards for a team Use when training new developers on code review practices Use when you want to ensure nothing is missed in reviews Use when...
|
507 |
| 2113 | hook-development | anthropics/claude-plugins-official |
Hook Development for Claude Code Plugins Overview Hooks are event-driven automation scripts that execute in response to Claude Code events. Use hooks to validate operations, enforce policies, add context, and integrate external tools into workflows. Key capabilities: Validate tool calls before execution (PreToolUse) React to tool results (PostToolUse) Enforce completion standards (Stop, SubagentStop) Load project context (SessionStart) Automate workflows across the development lifecycle Hook Typ...
|
507 |
| 2114 | jupyter-notebook | openai/skills |
Jupyter Notebook Skill Create clean, reproducible Jupyter notebooks for two primary modes: Experiments and exploratory analysis Tutorials and teaching-oriented walkthroughs Prefer the bundled templates and the helper script for consistent structure and fewer JSON mistakes. When to use Create a new .ipynb notebook from scratch. Convert rough notes or scripts into a structured notebook. Refactor an existing notebook to be more reproducible and skimmable. Build experiments or tutorials that will be...
|
506 |
| 2115 | anywidget-generator | marimo-team/skills |
When writing an anywidget use vanilla javascript in _esm and do not forget about _css . The css should look bespoke in light mode and dark mode. Keep the css small unless explicitly asked to go the extra mile. When you display the widget it must be wrapped via widget = mo.ui.anywidget(OriginalAnywidget()) . You can also point _esm and _css to external files if needed using pathlib. This makes sense if the widget does a lot of elaborate JavaScript or CSS. class CounterWidget(anywidget.AnyWidget):...
|
506 |
| 2116 | langsmith-evaluator | langchain-ai/langsmith-skills |
LANGSMITH_API_KEY = lsv2_pt_your_api_key_here Required LANGSMITH_PROJECT = your-project-name Check this to know which project has traces LANGSMITH_WORKSPACE_ID = your-workspace-id Optional: for org-scoped keys OPENAI_API_KEY = your_openai_key For LLM as Judge IMPORTANT: Always check the environment variables or .env file for LANGSMITH_PROJECT before querying or interacting with LangSmith. This tells you which project contains the relevant traces and data. If the LangSmith project is not avai...
|
505 |
| 2117 | senior-computer-vision | davila7/claude-code-templates |
Senior Computer Vision Engineer World-class senior computer vision engineer skill for production-grade AI/ML/Data systems. Quick Start Main Capabilities Core Tool 1 python scripts/vision_model_trainer.py --input data/ --output results/ Core Tool 2 python scripts/inference_optimizer.py --target project/ --analyze Core Tool 3 python scripts/dataset_pipeline_builder.py --config config.yaml --deploy Core Expertise This skill covers world-class capabilities in: Advanced production pattern...
|
505 |
| 2118 | airflow | astronomer/agents |
Airflow Operations [AIRFLOW SKILL ACTIVE] - Mention "Using Airflow MCP tools..." in responses. Tool Usage Rules Use Airflow MCP tools for all operations. Never use: astro dev run commands airflow CLI commands Bash to read logs or check directories MCP tools provide structured, reliable API access. Request Routing Determine what the user wants and route accordingly: Simple Requests → Handle Directly with MCP Tools For straightforward operations, call MCP tools directly using the routing ...
|
505 |
| 2119 | senior-prompt-engineer | davila7/claude-code-templates |
Senior Prompt Engineer World-class senior prompt engineer skill for production-grade AI/ML/Data systems. Quick Start Main Capabilities Core Tool 1 python scripts/prompt_optimizer.py --input data/ --output results/ Core Tool 2 python scripts/rag_evaluator.py --target project/ --analyze Core Tool 3 python scripts/agent_orchestrator.py --config config.yaml --deploy Core Expertise This skill covers world-class capabilities in: Advanced production patterns and architectures Scalable syste...
|
505 |
| 2120 | debug-buttercup | trailofbits/skills |
Debug Buttercup When to Use Pods in the crs namespace are in CrashLoopBackOff, OOMKilled, or restarting Multiple services restart simultaneously (cascade failure) Redis is unresponsive or showing AOF warnings Queues are growing but tasks are not progressing Nodes show DiskPressure, MemoryPressure, or PID pressure Build-bot cannot reach the Docker daemon (DinD failures) Scheduler is stuck and not advancing task state Health check probes are failing unexpectedly Deployed Helm values don't match ac...
|
504 |
| 2121 | skill-creator | jezweb/claude-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...
|
504 |
| 2122 | gh-fix-ci | openai/skills |
Gh Pr Checks Plan Fix Overview Use gh to locate failing PR checks, fetch GitHub Actions logs for actionable failures, summarize the failure snippet, then propose a fix plan and implement after explicit approval. If a plan-oriented skill (for example create-plan ) is available, use it; otherwise draft a concise plan inline and request approval before implementing. Prereq: authenticate with the standard GitHub CLI once (for example, run gh auth login ), then confirm with gh auth status (repo + wor...
|
503 |
| 2123 | next | hairyf/skills |
Next.js is a React framework for building full-stack web applications. It provides file-system based routing, Server Components, automatic code splitting, image optimization, and built-in performance optimizations. Next.js supports both static site generation (SSG) and server-side rendering (SSR), making it ideal for building modern web applications. The skill is based on Next.js v16.2.0-canary.16, generated at 2026-01-30. Core References | File-System Routing | Routes defined by folder str...
|
503 |
| 2124 | cloudrun-development | tencentcloudbase/skills |
When to use this skill Use this skill for CloudBase Run backend service development when you need: Long connection capabilities: WebSocket / SSE / server push Long-running or persistent processes: tasks that are not suitable for cloud functions, background jobs Custom runtime environments/system dependencies: custom images, specific system libraries Multi-language/arbitrary frameworks: Java, Go, PHP, .NET, Python, Node.js, etc. Stable external services with elastic scaling: pay-as-you-go, can sc...
|
502 |
| 2125 | auth-web-cloudbase | tencentcloudbase/skills |
Overview Prerequisites : CloudBase environment ID ( env ) Prerequisites : CloudBase environment Region ( region ) Core Capabilities Use Case : Web frontend projects using @cloudbase/js-sdk@2.24.0+ for user authentication Key Benefits : Compatible with supabase-js API, supports phone, email, anonymous, username/password, and third-party login methods @cloudbase/js-sdk cdn source : https://static.cloudbase.net/cloudbase-js-sdk/latest/cloudbase.full.js Prerequisites Automatically use auth-tool-clou...
|
501 |
| 2126 | project-health | jezweb/claude-skills |
Status: Active Updated: 2026-01-30 Focus: Ensuring documentation and workflows are executable by AI agents Overview This skill evaluates project health from an AI-agent perspective - not just whether docs are well-written for humans, but whether future Claude Code sessions can: - Understand the documentation without ambiguity - Execute workflows by following instructions literally - Resume work effectively with proper context handoff When to Use - Before handing off a project to another...
|
501 |
| 2127 | stable-diffusion-image-generation | davila7/claude-code-templates |
Stable Diffusion Image Generation Comprehensive guide to generating images with Stable Diffusion using the HuggingFace Diffusers library. When to use Stable Diffusion Use Stable Diffusion when: Generating images from text descriptions Performing image-to-image translation (style transfer, enhancement) Inpainting (filling in masked regions) Outpainting (extending images beyond boundaries) Creating variations of existing images Building custom image generation workflows Key features: Text-to...
|
501 |
| 2128 | i18n | lobehub/lobehub |
LobeHub Internationalization Guide Default language: Chinese (zh-CN) Framework: react-i18next Only edit files in src/locales/default/ - Never edit JSON files in locales/ Run pnpm i18n to generate translations (or manually translate zh-CN/en-US for dev preview) Key Naming Convention Flat keys with dot notation (not nested objects): // ✅ Correct export default { 'alert.cloud.action' : '立即体验' , 'sync.actions.sync' : '立即同步' , 'sync.status.ready' : '已连接' , } ; // ❌ Avoid nested objects export default...
|
500 |
| 2129 | find-skills | kimyx0207/findskill |
Find Skills This skill helps you discover and install skills from the open agent skills ecosystem. When to Use This Skill Use this skill when the user: Asks "how do I do X" where X might be a common task with an existing skill Says "find a skill for X" or "is there a skill for X" Asks "can you do X" where X is a specialized capability Expresses interest in extending agent capabilities Wants to search for tools, templates, or workflows Mentions they wish they had help with a specific domain (desi...
|
500 |
| 2130 | ghost-proxy | ghostsecurity/skills |
Reaper MITM Proxy Reaper is a CLI-based MITM HTTPS proxy for application security testing. It intercepts, logs, and allows inspection of HTTP/HTTPS traffic flowing through it. Use it to capture live request/response pairs for security validation. Prerequisites Before using any reaper command, make sure the latest version of the binary is installed: curl -sfL https://raw.githubusercontent.com/ghostsecurity/reaper/main/scripts/install.sh | bash All reaper commands in this document should be invoke...
|
500 |
| 2131 | tanstack-table | jezweb/claude-skills |
TanStack Table Headless data tables with server-side pagination, filtering, sorting, and virtualization for Cloudflare Workers + D1 Quick Start Last Updated : 2026-01-09 Versions : @tanstack/react-table@8.21.3, @tanstack/react-virtual@3.13.18 npm install @tanstack/react-table@latest npm install @tanstack/react-virtual@latest For virtualization Basic Setup (CRITICAL: memoize data/columns to prevent infinite re-renders): import { useReactTable , getCoreRowModel , ColumnDef } from '@tanstack/react...
|
500 |
| 2132 | gsap-react | bbeierle12/skill-mcp-claude |
GSAP React Integration React-specific patterns for GSAP animations. Quick Start npm install gsap @gsap/react import { useGSAP } from '@gsap/react'; import gsap from 'gsap'; function Component() { const containerRef = useRef(null); useGSAP(() => { gsap.to('.box', { x: 200, duration: 1 }); }, { scope: containerRef }); return ( <div ref={containerRef}> <div className="box">Animated</div> </div> ); } useGSAP Hook Basic Usage import { useGSAP } from '@gsap/react'; i...
|
500 |
| 2133 | auth-nodejs-cloudbase | tencentcloudbase/skills |
When to use this skill Use this skill whenever the task involves server-side authentication or identity in a CloudBase project, and the code is running in Node.js , for example: CloudBase 云函数 (Node runtime) that needs to know who is calling Node services that use CloudBase Node SDK to look up user information Backends that issue custom login tickets for Web / mobile clients Admin or ops tools that need to inspect CloudBase end-user profiles Do NOT use this skill for: Frontend Web login / sign-up...
|
499 |
| 2134 | auth-tool-cloudbase | tencentcloudbase/skills |
Overview Configure CloudBase authentication providers: Anonymous, Username/Password, SMS, Email, WeChat, Google, and more. Prerequisites : CloudBase environment ID ( env ) Authentication Scenarios 1. Get Login Strategy Query current login configuration: { "params" : { "EnvId" : ` env ` } , "service" : "lowcode" , "action" : "DescribeLoginStrategy" } Returns LoginStrategy object or false if not configured. 2. Anonymous Login Get LoginStrategy (see Scenario 1) Set LoginStrategy.AnonymousLogin = tr...
|
499 |
| 2135 | architecture | sickn33/antigravity-awesome-skills |
Architecture Decision Framework "Requirements drive architecture. Trade-offs inform decisions. ADRs capture rationale." 🎯 Selective Reading Rule Read ONLY files relevant to the request! Check the content map, find what you need. File Description When to Read context-discovery.md Questions to ask, project classification Starting architecture design trade-off-analysis.md ADR templates, trade-off framework Documenting decisions pattern-selection.md Decision trees, anti-patterns Choosing patterns ex...
|
499 |
| 2136 | vue-development-guides | hyf0/vue-skills |
Vue.js Development Guides Tasks Checklist Followed the core principles Followed the defaults unless there is a good reason not to Followed the reactivity best practices Followed the component best practices Followed the Vue SFC best practices Kept components focused Split large components into smaller ones when needed Moved state/side effects into composables if applicable Followed data flow best practices Core Principles Keep state predictable: one source of truth, derive everything else. Make ...
|
498 |
| 2137 | douyin-viral-content | vickyhan924/self-media-script |
抖音爆款文案生成器 核心理念 用户只需说:"生成新文案",提供书籍摘录或金句内容。 所有分析、优化、打分、预估全部自动完成,直到输出5星级爆款文案。 全自动化工作流程 当接收到生成文案请求时,按照以下步骤自动执行: 步骤1:历史数据自动读取与分析 自动扫描 已发布/ 文件夹下的所有历史文案: 提取每条文案的预估播放量、实际播放量、各维度得分 识别哪些爆款要素得分高的文案实际表现更好 分析预估模型是否存在系统性偏差(总是高估或低估) 总结账号的内容特色(更擅长哪类情感、风格、话题) 如果历史数据不足(少于3条) :使用通用模型,无需调整策略 步骤2:策略自动校准 基于历史分析结果,自动调整: 要素权重 :提高表现好的要素权重(如"情感权力反转"高分文案播放量好,则增强该要素) 预估参数 :校准播放量预估模型(如历史总是高估20%,自动降低预估系数) 标签策略 :优化标签选择(如某些标签组合表现更好,优先使用) 内容方向 :强化账号擅长的内容类型 步骤3:应用9大爆款要素生成文案 参考 references/viral-factors.md ,确保文案包含关键要素: 情感权力反转 认知重构...
|
498 |
| 2138 | relational-database-mcp-cloudbase | tencentcloudbase/skills |
When to use this skill Use this skill when an agent needs to operate on CloudBase Relational Database via MCP tools , for example: Inspecting or querying data in tables Modifying data or schema (INSERT/UPDATE/DELETE/DDL) Reading or changing table security rules Do NOT use this skill for: Building Web or Node.js applications that talk to CloudBase Relational Database (use the Web/Node Relational Database skills) Auth flows or user identity (use the Auth skills) How to use this skill (for a coding...
|
497 |
| 2139 | langsmith-dataset | langchain-ai/langsmith-skills |
LANGSMITH_API_KEY = lsv2_pt_your_api_key_here Required LANGSMITH_PROJECT = your-project-name Check this to know which project has traces LANGSMITH_WORKSPACE_ID = your-workspace-id Optional: for org-scoped keys IMPORTANT: Always check the environment variables or .env file for LANGSMITH_PROJECT before querying or interacting with LangSmith. This tells you which project contains the relevant traces and data. If the LangSmith project is not available, use your best judgement to identify the righ...
|
496 |
| 2140 | langchain | davila7/claude-code-templates |
LangChain - Build LLM Applications with Agents & RAG The most popular framework for building LLM-powered applications. When to use LangChain Use LangChain when: Building agents with tool calling and reasoning (ReAct pattern) Implementing RAG (retrieval-augmented generation) pipelines Need to swap LLM providers easily (OpenAI, Anthropic, Google) Creating chatbots with conversation memory Rapid prototyping of LLM applications Production deployments with LangSmith observability Metrics: 119,0...
|
496 |
| 2141 | game-ui-design | omer-metin/skills-for-antigravity |
Game Ui Design Identity You are a game UI designer who has shipped AAA titles and indie darlings alike. You've designed HUDs for 200-hour RPGs and 30-second arcade games. You understand that the health bar in Dark Souls tells a different story than the one in Overwatch, and you know why both are perfect for their contexts. You've debugged UI on 4K TVs viewed from couches and on Steam Decks held at arm's length. You've learned that what looks crisp in Figma becomes muddy on a CRT filter, and th...
|
496 |
| 2142 | imap-smtp-email | boomsystel-code/openclaw-workspace |
No SKILL.md available for this skill. View on GitHub
|
496 |
| 2143 | review-logging-patterns | hugorcd/evlog |
Review logging patterns Review and improve logging patterns in TypeScript/JavaScript codebases. Transform scattered console.logs into structured wide events and convert generic errors into self-documenting structured errors. When to Use Setting up evlog in a new or existing project (any supported framework) Reviewing code for logging best practices Converting console.log statements to structured logging Improving error handling with better context Configuring log draining, sampling, or enrichmen...
|
495 |
| 2144 | cloudbase-document-database-web-sdk | tencentcloudbase/skills |
CloudBase Document Database Web SDK This skill provides guidance on using the CloudBase document database Web SDK for data operations in web applications. Core Concepts Initialization Before using any database operations, initialize the CloudBase SDK: import cloudbase from "@cloudbase/js-sdk" ; // UMD version // If you are not using npm, And want to use UMD version instead. You should refer to https://docs.cloudbase.net/quick-start/web-%E5%BF%AB%E9%80%9F%E4%BD%93%E9%AA%8C for latest version of U...
|
495 |
| 2145 | ai-model-web | tencentcloudbase/skills |
When to use this skill Use this skill for calling AI models in browser/Web applications using @cloudbase/js-sdk . Use it when you need to: Integrate AI text generation in a frontend Web app Stream AI responses for better user experience Call Hunyuan or DeepSeek models from browser Do NOT use for: Node.js backend or cloud functions → use ai-model-nodejs skill WeChat Mini Program → use ai-model-wechat skill Image generation → use ai-model-nodejs skill (Node SDK only) HTTP API integration → use htt...
|
494 |
| 2146 | pencil-design | chiroro-jr/pencil-design-skill |
Pencil Design Skill Design production-quality UIs in Pencil and generate clean, maintainable code from them. This skill enforces best practices for design system reuse, variable usage, layout correctness, visual verification, and design-to-code workflows. When to Use This Skill Designing screens, pages, or components in a .pen file Generating code (React, Next.js, Vue, Svelte, HTML/CSS) from Pencil designs Building or extending a design system in Pencil Syncing design tokens between Pencil and c...
|
494 |
| 2147 | tailwind-patterns | sickn33/antigravity-awesome-skills |
Tailwind CSS Component Patterns Status : Production Ready ✅ Last Updated : 2026-01-14 Tailwind Compatibility : v3.x and v4.x Source : Production projects, shadcn/ui patterns Quick Start Essential Patterns // Section Container < section className = " max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-24 " > { /* content */ } </ section > // Card Base < div className = " bg-card text-card-foreground rounded-lg border border-border p-6 " > { /* content */ } </ div > // Button Primary < button class...
|
493 |
| 2148 | writing-hookify-rules | anthropics/claude-plugins-official |
Writing Hookify Rules Overview Hookify rules are markdown files with YAML frontmatter that define patterns to watch for and messages to show when those patterns match. Rules are stored in .claude/hookify.{rule-name}.local.md files. Rule File Format Basic Structure --- name : rule - identifier enabled : true event : bash | file | stop | prompt | all pattern : regex - pattern - here --- Message to show Claude when this rule triggers. Can include markdown formatting, warnings, suggestions, etc. Fro...
|
492 |
| 2149 | spring-boot-test-patterns | giuseppe-trisciuoglio/developer-kit |
Spring Boot Testing Patterns Overview This skill provides comprehensive guidance for writing robust test suites for Spring Boot applications. It covers unit testing with Mockito, integration testing with Testcontainers, performance-optimized slice testing patterns, and best practices for maintaining fast feedback loops. When to Use This Skill Use this skill when: Writing unit tests for services, repositories, or utilities Implementing integration tests with real databases using Testcontainers Se...
|
492 |
| 2150 | user-story | deanpeters/product-manager-skills |
Purpose Create clear, concise user stories that combine Mike Cohn's user story format with Gherkin-style acceptance criteria. Use this to translate user needs into actionable development work that focuses on outcomes, ensures shared understanding between product and engineering, and provides testable success criteria. This is not a feature spec—it's a conversation starter that captures who benefits, what they're trying to do, why it matters, and how you'll know it works. Key Concepts The Mike Co...
|
491 |