Top Rated
The most starred skills loved by the community. Quality guaranteed!
design-spec-rules
by artivilla
Enforce design-to-code fidelity rules. Use when implementing UI from Figma, mockups, or design specs to ensure pixel-perfect accuracy.
interfaces-raunofreiberg
by artivilla
Review UI code against Rauno Freiberg's interface guidelines. Use when checking interactivity, typography, motion, touch, optimizations, accessibility, and design details.
next-data-fetching
by BartdBont
Next.js App Router data fetching decision tree focused on TTFB-first and honest UX. Use when adding or changing data fetching logic (RSC fetch, caching, SSG/ISR, streaming Suspense), when metadata or generateMetadata depends on remote data, when dealing with user-specific auth/session data, when implementing hybrid server prefetch plus client hydration (TanStack Query), or when reviewing TTFB/LCP regressions.
dotnet-enable-autocomplete
by Im5tu
Enables tab autocomplete for the dotnet CLI. Use when the user wants to set up shell completion for dotnet commands.
dotnet-enable-testing-platform
by Im5tu
Enables the Microsoft Testing Platform runner in global.json. Use when the user wants to enable or migrate to the new .NET testing platform.
dotnet-source-gen-options-validation
by Im5tu
Converts options validation to use the compile-time source generator. Use when the user wants AOT-compatible, reflection-free options validation.
dotnet-json-polymorphic
by Im5tu
Configures polymorphic JSON serialization with [JsonPolymorphic] and [JsonDerivedType] attributes
code-review
by im-naaran
分析 git 代码变更并生成结构化测试报告。当用户需要分析 commit 差异、生成测试文档、review 代码改动，或询问"分析这次提交"、"生成测试报告"时使用。
slidev
by Furisto
Create developer-focused presentation slides using Slidev, a markdown-based presentation framework built on Vue and Vite. Use when creating technical talks, converting content to slide decks, or working with .md presentation files. Triggers on requests to create presentations, slides, decks, or when working with Slidev projects.
light-plan(brain-storming)
by VitaDynamics
"You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation."
runbook
by potatoman03
Claude Code productivity system based on tips from the Claude Code team. Provides commands for parallel worktrees, plan reviews, CLAUDE.md maintenance, tech debt hunting, auto-fixing, code grilling, elegant refactors, visual explanations, and subagent orchestration. Use when wanting to work more effectively with Claude Code.
design-motion-principles
by samunderwood
Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.
next-best-practices
by samunderwood
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
send-email
by samunderwood
Use when sending transactional emails (welcome messages, order confirmations, password resets, receipts), notifications, or bulk emails via Resend API.
better-auth-best-practices
by samunderwood
Skill for integrating Better Auth - the comprehensive TypeScript authentication framework.
posthog-instrumentation
by samunderwood
Automatically add PostHog analytics instrumentation to code. Triggers when user asks to add tracking, instrument events, add analytics, or implement feature flags in their codebase.
email-best-practices
by samunderwood
Use when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring compliance (CAN-SPAM, GDPR, CASL), handling webhooks, retry logic, or deciding transactional vs marketing.
agent-email-inbox
by samunderwood
Use when setting up an email inbox for an AI agent (Moltbot, Clawdbot, or similar) - configuring inbound email, webhooks, tunneling for local development, and implementing security measures to prevent prompt injection attacks.
jherr-dev-workflow
by adrianbrowning
Iterative development workflow based on "Make it work, Make it right, Make it fast" philosophy. Use when building software features, components, or systems from scratch. Guides Claude through three distinct phases - getting a working solution first, then refactoring for quality, and finally optimizing performance only when needed. Prevents premature optimization and over-engineering. Integrates seamlessly with TDD (Test-Driven Development) by mapping test phases to development phases.
tdd-integration
by adrianbrowning
Enforce Test-Driven Development with strict Red-Green-Refactor cycle using integration tests. Auto-triggers when implementing new features or functionality. Trigger phrases include "implement", "add feature", "build", "create functionality", or any request to add new behavior. Does NOT trigger for bug fixes, documentation, or configuration changes.
deep-think
by adrianbrowning
Puts Claude code into a different frame of mind for better results
plan-to-tasks
by adrianbrowning
Convert project plans to JSONL format (issues + dependencies). Use when users ask "convert plan to jsonl", "create jsonl from plan", "export plan as json" or "convert plan to taks", "create tasks from plan", "export plan as tasks".
testing-best-practice
by adrianbrowning
A Skill for writing, reviewing, and refactoring tests using Artem-style principles: test intent over implementation, mock boundaries not internals, avoid flakiness, prefer integration tests, and use using for cleanup.
arbitrum-dapp-skill
by longtengsiha
Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when starting a new Arbitrum project, writing Stylus or Solidity contracts, deploying to Arbitrum, or building a frontend that interacts with Arbitrum contracts.