secondsky/claude-skills
16 skills7.8k installs2.6k starsGitHub
Install
npx skills add https://github.com/secondsky/claude-skillsSkills in this repo
1Tailwind V4 ShadcnTailwind v4 shadcn is an agent skill for experienced frontend builders who already use shadcn/ui and want Tailwind v4–correct patterns: defining custom brand colors as CSS variables, wiring them through @theme inline, keeping light and dark semantics aligned, and following component composition habits that rely on semantic tokens instead of raw color classes. It loads when you need advanced customization beyond the default shadcn palette, want a concise v3-to-v4 mental model (CSS-first config, Vite plugin swap, plugin @import syntax), or are debugging inconsistent theming after a migration. The content is reference-oriented rather than a full greenfield install guide—pair it with your existing shadcn project and the linked migration reference for exhaustive steps. Solo builders shipping SaaS dashboards or marketing sites benefit from predictable token naming that survives theme toggles and future component additions.5.3kinstalls2Aceternity UiAceternity UI is an agent skill that gives solo builders a single searchable catalog of Aceternity’s animated React components aligned with the shadcn installer workflow. The readme organizes more than one hundred entries across backgrounds and effects, cards, scroll and parallax, typography, buttons, loaders, navigation, forms, overlays, carousels, layout grids, visualization, cursor effects, 3D blocks, and full section templates—each with a concrete bunx shadcn@latest add line, short description, and link to official documentation. Use it during frontend build when you want premium motion and hero treatments without manually browsing the Aceternity site tab by tab. The skill is reference material, not a design system audit: you still choose accessibility, performance budgets, and brand fit. It assumes a modern JS toolchain comfortable with shadcn-style component drops rather than copy-paste-only CSS.836installs3PlaywrightThis Playwright agent skill packages dependency metadata and executable examples so solo builders can drive Chromium through real pages instead of guessing whether a form or route works. Your agent imports the documented patterns—launch browser, open a URL, locate fields, fill and submit—and adapts selectors to your app. Headed mode with slow motion helps you see failures while iterating on a laptop without a full QA team. The skill targets local dev servers and staging URLs you configure, making it a practical bridge between manual clicking and formal test suites. Use it when you need repeatable browser checks during Ship, when validating a prototype in Validate, or when debugging a production-only UI bug in Operate. It is procedural integration knowledge, not a hosted test runner.593installs4MotionMotion is a frontend agent skill for solo builders using Motion (Framer Motion) in React who need animations that do not exclude users with motion sensitivity or non-pointer input. It walks through respecting prefers-reduced-motion via MotionConfig at the app root, supporting keyboard-only navigation through animated interactive elements, wiring ARIA roles and live regions where motion communicates state, and validating behavior across platforms. The guide is structured as four chapters with copy-paste TSX patterns rather than abstract WCAG bullets. Install it when you are adding entrances, layout transitions, or micro-interactions and want a repeatable checklist before merge. It matters because flashy motion is a common source of accessibility regressions that are cheap to prevent at implementation time but expensive to fix after launch.586installs5Api TestingAPI Testing is an agent skill that encodes expert patterns for exercising HTTP APIs in TypeScript and Python test runners. Solo builders shipping REST or GraphQL backends use it during Ship when they need consistent suites around health checks, resource creation, validation failures, authentication headers, and structured response assertions. The skill documents Supertest against an app instance with Vitest-style describes, plus parallel guidance for httpx and pytest. It emphasizes explicit status expectations, body matchers, and negative cases rather than ad-hoc curl scripts. Install and allowed-tool notes assume a repo with an existing app entrypoint and a package manager. It fits API and SaaS shapes where contracts must stay stable across refactors and agent-generated routes. It is not a substitute for load testing or OpenAPI contract generators—it accelerates writing the first meaningful integration tests agents and humans can extend before launch.527installs6Auto AnimateAutoAnimate is a zero-config animation library for React that automatically animates layout changes, list transitions, accordion opens, and toast notifications without manual state management. Solo builders use it to add polish to dynamic UI without wrestling with animation libraries like Framer Motion or React Spring. It matters because it removes animation friction—you get professional motion UX with a single hook, especially valuable when dealing with SSR or complex interaction patterns.0installs7Cloudflare Browser RenderingCloudflare Browser Rendering provides a managed headless browser service accessible via API, eliminating the complexity of running Puppeteer or Playwright on your servers. Solo builders use it to capture screenshots, generate PDFs, scrape dynamic content, and resolve rendering timeouts or memory errors without infrastructure overhead. It matters because browser automation at scale requires significant resources—outsourcing it to Cloudflare keeps your backend lean and responsive.0installs8Cloudflare D1Cloudflare D1 is a serverless SQLite database deployed on Cloudflare's edge network, allowing you to query structured data globally with minimal latency. Solo builders use it when they need a managed relational database without provisioning servers or managing replication. It matters because it combines the simplicity of SQLite with the scale and performance of edge computing, reducing operational overhead while keeping data geographically distributed.0installs9Cloudflare QueuesCloudflare Queues is a message queue service that lets you build reliable, scalable asynchronous systems. Solo builders use it to decouple background jobs from synchronous request handlers, implement retry logic, and handle high-throughput task processing without managing infrastructure. It matters because it enables building robust applications that can handle spiky workloads and long-running operations without blocking user requests.0installs10Cloudflare R2Cloudflare R2 is an S3-compatible object storage service that handles buckets, file uploads, CORS configuration, presigned URLs, and large file management. Solo builders use it when they need reliable file storage, want to migrate from S3, or need to troubleshoot CORS failures and multipart upload issues. It matters because R2 provides cost-effective, scalable storage with built-in analytics and automation capabilities without the vendor lock-in of proprietary solutions.0installs11FastmcpFastMCP is a Python framework that streamlines building Model Context Protocol (MCP) servers with built-in support for tools, resources, and multiple storage backends. Solo builders use it when exposing tools to Claude, managing state across requests, handling authentication, or deploying to cloud platforms. It matters because it abstracts away common infrastructure challenges—async handling, lifespan management, middleware orchestration—so you can focus on your business logic.0installs12Frontend DesignThis skill helps you create distinctive, production-grade frontend interfaces with high design quality. Use it when building web components, pages, or applications where visual polish and brand differentiation matter. It generates creative, intentional code that avoids the generic aesthetic often associated with AI-assisted design, ensuring your interface stands out and provides a superior user experience.0installs13MotionMotion (Framer Motion) is a popular React animation library that handles drag-and-drop, scroll animations, gestures, and SVG morphing with built-in spring physics. Solo builders use it when standard CSS transitions fall short or when they need smooth, complex interactions without wrestling with animation bugs. It matters because well-executed animations dramatically improve user experience and perceived performance, turning functional interfaces into delightful products.0installs14Nuxt Ui V4Nuxt UI v4 is a comprehensive component library that ships 125+ accessible UI components, Tailwind v4 styling, and AI chat capabilities with reasoning and tool calling. Solo builders use it to quickly construct dashboards, forms, overlays, and page layouts without building from scratch. It matters because it dramatically reduces frontend development time, ensures accessibility standards are met by default, and provides powerful AI integration for modern application features.0installs15Progressive Web AppProgressive Web Apps transform web applications into installable, app-like experiences using service workers, web manifests, and offline support. A solo builder uses PWAs to provide users with native app features—installation prompts, offline access, and push notifications—directly through the browser without managing separate iOS or Android codebases. This approach reduces development overhead while delivering a seamless, engaging experience that works reliably even in poor network conditions.0installs16Zustand State ManagementZustand is a minimal state management library for React that replaces Redux or Context API with significantly less boilerplate while maintaining full TypeScript support. Solo builders use it to manage global application state, persist data to localStorage, handle Next.js SSR hydration, and debug state changes with devtools. It matters because improper state management early in development leads to infinite render loops, type inference failures, and painful migrations later when the codebase grows.0installs