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.
npx skills add hummusonrails/arbitrum-dapp-skillBuild video conferencing integrations using Digital Samba's API and SDK. Use when creating meeting rooms, embedding video calls, generating participant tokens, managing recordings, or integrating real-time collaboration features. Triggers include "Digital Samba", "video conferencing API", "embed video calls", "meeting room integration", "WebRTC iframe", "participant tokens".
npx skills add digitalsamba/digital-samba-skillTransform markdown/HTML into styled 3:4 ratio images for Xiaohongshu
npx skills add iamzifei/xiaohongshu-images-skillApply Apple's Human Interface Guidelines (HIG) to design, review, and specify UI/UX for iOS, iPadOS, macOS, watchOS, tvOS, and visionOS. Use when choosing platform-native patterns, reviewing a design against HIG, converting PRD to HIG-aligned UI specs, or finding the right HIG page quickly.
npx skills add zanwei/human-interface-guidelines-skillUse before you execute and edit any codes related to React Framework and developing ecosystem.
npx skills add ArkPLN/better-react-skillsComplete shadcn/ui documentation. Beautifully designed components built with Radix UI and Tailwind CSS. Copy-paste into your apps. Covers installation, components, theming, forms, charts, and framework integrations.
npx skills add leonaaardob/lb-shadcn-ui-skillComplete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
npx skills add leonaaardob/lb-motion-skillComplete Tailwind CSS documentation. Use when working with Tailwind CSS utility classes, responsive design, dark mode, animations, custom configurations, plugins, or styling questions. Covers all utility classes, modifiers, configuration options, and best practices.
npx skills add leonaaardob/lb-tailwindcss-skillomni-frontend-expert is the ultimate frontend design skill. It's used to create distinctive, production-grade frontend interfaces with deeply considered aesthetics, flawless consistency, and professional interaction quality. Use when building any frontend; components, pages, apps, dashboards, tools. Enforces high standards across visual quality, UX behavior, design systems, accessibility, and performance while rejecting all forms of AI slop or lazy default design.
npx skills add specter0o0/omni-frontend-expertComplete Next.js 16 documentation in markdown format. Use when working with Next.js projects, building React applications, configuring routing, data fetching, rendering strategies, deployment, or migrating from other frameworks. Covers App Router, Pages Router, API routes, server components, server actions, caching, and all Next.js features.
npx skills add leonaaardob/lb-nextjs16-skillAnalyze CSS specificity in a project, detect conflicts, flag unnecessary !important usage, and suggest corrections. Use when reviewing CSS code quality, debugging style overrides, auditing stylesheets, or when a user asks to check their CSS specificity, find CSS conflicts, simplify selectors, or clean up !important usage. Triggers on tasks involving .css files where specificity or selector quality is relevant.
npx skills add handxr/css-specificity-skillDesign and creative toolkit
npx skills add LeoLin990405/claude-design-skillsInteract with a web browser. Can start a browser, connect to it, evaluate JavaScript, make screenshots, read console logs and let the user select DOM elements. Use when interacting with unknown websites (e.g. scraping or Userscripts) or debugging browser-stuff. Requires uv.
npx skills add Brawl345/browser-toolsCreating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.
npx skills add chrisvoncsefalvay/claude-d3js-skillCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
npx skills add zarazhangrui/frontend-slidesBest practices for creating custom WordPress Gutenberg blocks with React/TypeScript, covering scaffolding, block architecture, attributes, dynamic vs static rendering, and testing
npx skills add DaveRobinson/claude-skill--gutenberg-block