All authors
Claude Skills by diegosouzapw
github.com/diegosouzapw10,763 skills129 installs19,773 views
- Frontend Responsive Design Standards Majiayu000Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop),...Votes: 0GitHub stars: 57
- Frontend Responsive JeremyrdavisImplement responsive designs that work across mobile, tablet, and desktop screen sizes. Use this skill when applying mobile-first development patterns, using responsive breakpoints, creating fluid layouts with percentage-based widths, choosing relative units (rem/em) over pixels, ensuring touch-friendly tap targets, or optimizing images for mobile. Applies when working on any frontend layout code, media queries, responsive utilities, and when testing UI across different screen sizes.Votes: 0GitHub stars: 57
- Frontend ShadcnFrontend development using Vite + React + shadcn/ui + Tailwind CSS + React Router v7. Use when creating new frontend projects, adding UI components, implementing routing, styling with Tailwind, or working with shadcn/ui component library.Votes: 0GitHub stars: 57
- Frontend Specialist OfficebeatsMaster of UI/UX, React, TypeScript, and modern CSS.Votes: 0GitHub stars: 57
- Frontend Ui Animator SimoabidAnalyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".Votes: 0GitHub stars: 57
- Frontend Ui AnimatorAnalyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".Votes: 0GitHub stars: 57
- Frontend Ui Dark Ts TechwavedevBuild dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich interfaces with a refined dark aesthetic.Votes: 0GitHub stars: 57
- Frontend Ui JaivishchauhanBuild beautiful, responsive UIs with React, Tailwind CSS, and Framer Motion animations.Votes: 0GitHub stars: 57
- Frontend Ui Tailwind StandardsStandardized guidelines and patterns for Frontend Ui Tailwind Standards.Votes: 0GitHub stars: 57
- Frontend X MckayUI design guidelines for Kubani web interfaces. Use when building or reviewing web components, pages, or the Kubani dashboard.Votes: 0GitHub stars: 57
- FrontendApply distinctive frontend design to React + TailwindCSS apps. Use when building UI components, pages, or improving visual design. Breaks generic "AI slop" patterns.Votes: 0GitHub stars: 57
- Fuel PricesMonitor fuel prices in Germany using Tankerkönig API. Use when user asks about fuel/gas prices, wants to find cheap stations nearby, or needs refueling recommendations.Votes: 0GitHub stars: 57
- Full Stack AuthenticationImplements production-ready authentication flows (sign-up, login, logout, session management) into any software stack using Scalekit SDK. Use when users need to add secure authentication, OAuth flows, SSO capabilities, or user management to their application. Handles code generation across Node.js, Python, Go, and Java with proper security patterns.Votes: 0GitHub stars: 57
- Full Stack Developer Persona Finimo SolutionsConfigures the AI to act as a full-stack developer with expertise in React, TypeScript, PHP, Symfony, and Docker.Votes: 0GitHub stars: 57
- Full Stack Orchestration Performance EngineerExpert performance engineer specializing in modern observability, application optimization, and scalable system performance. Masters OpenTelemetry, distributed tracing, load testing, multi-tier caching, Core Web Vitals, and performance monitoring. Handles end-to-end optimization, real user monitoring, and scalability patterns. Use PROACTIVELY for performance optimization, observability, or scalability challenges. Use when: the task directly matches performance engineer responsibilities within...Votes: 0GitHub stars: 57
- Fullstack DevComprehensive fullstack development skill combining architecture, testing, security, DevOps, and code quality best practices for building modern web applications from frontend to backend.Votes: 0GitHub stars: 57
- Fullstack Expertise VineethsomaFull-stack development expertise covering backend, frontend, database,Votes: 0GitHub stars: 57
- Fullstack Guardian Majiayu000Use when implementing features across frontend and backend, building APIs with UI, or creating end-to-end data flows. Invoke for feature implementation, API development, UI building, cross-stack work.Votes: 0GitHub stars: 57
- Fullstack Guardian MegastepUse when implementing features across frontend and backend, building APIs with UI, or creating end-to-end data flows. Invoke for feature implementation, API development, UI building, cross-stack work.Votes: 0GitHub stars: 57
- Fullstack Guardian ZebbernUse when implementing features across frontend and backend, building APIs with UI, or creating end-to-end data flows. Invoke for feature implementation, API development, UI building, cross-stack work.Votes: 0GitHub stars: 57
- Fullstack Mirror Arch풀스택 미러 아키텍처 규칙. BE↔FE 1:1 타입 동기화, 레이어 의존 규칙, barrel re-export, API 클라이언트 패턴, 상태관리 분리 규칙을 적용. 풀스택 프로젝트 설계 시 사용.Votes: 0GitHub stars: 57
- FullstackUse this skill when building web applications, React components, Next.js apps, APIs, databases, or doing rapid prototyping. Activates on mentions of React, Next.js, TypeScript, Node.js, Express, Fastify, PostgreSQL, MongoDB, Prisma, Drizzle, tRPC, REST API, GraphQL, authentication, server components, client components, SSR, SSG, ISR, or general web development.Votes: 0GitHub stars: 57
- Fullstory Component WellbeingExpert guidance for monitoring frontend component health, performance, and rendering stability within Fullstory. Framework-agnostic patterns for React, Vue, Angular, Svelte, and React Native.Votes: 0GitHub stars: 57
- Function Length And ResponsibilityThis rule enforces the single responsibility principle, ensuring functions are short and focused.Votes: 0GitHub stars: 57
- Function Ordering ConventionsDefines the function ordering conventions, where functions that compose other functions appear earlier in the file, regardless of the file type.Votes: 0GitHub stars: 57
- Fundamental Attribution ErrorOver-attributing others' behavior to their character while under-weighting situational factors that shape their actionsVotes: 0GitHub stars: 57
- Gainforest Oauth Setup GainforestImplement ATProto OAuth authentication in a Next.js App Router application using gainforest-sdk-nextjs. Use when adding login, logout, session management, or authentication flows that integrate with GainForest, Hypercerts, or ATProto PDSes (climateai.org, gainforest.id).Votes: 0GitHub stars: 57
- Gdpr ComplianceUse when handling personal data, user registration, consent forms, cookie consent banners, data export, account deletion, privacy policies, or any code processing EU/EEA user data — GDPR coding patterns, Article 5, Article 6, lawful basis, legitimate interest, right to erasure, right to access, data portability, DPIA, DPO, 72-hour breach notification, Privacy Shield, Standard Contractual Clauses, data minimization, consent management, data subject rights, privacy by designVotes: 0GitHub stars: 57
- Gemini Api Dev Google GeminiUse this skill when building applications with Gemini models, Gemini API, working with multimodal content (text, images, audio, video), implementing function calling, using structured outputs, or needing current model specifications. Covers SDK usage (google-genai for Python, @google/genai for JavaScript/TypeScript, com.google.genai:google-genai for Java, google.golang.org/genai for Go), model selection, and API capabilities.Votes: 0GitHub stars: 57
- General PrinciplesApply for general-principles. --- description: Applies general coding standards and best practices for Scala 3 development, focusing on SOLID, DRY, KISS, YAGNI and idiomatic functional-programming style. Tailored for an sbt projecVotes: 0GitHub stars: 57
- Generate InstructionsAnalyze a directory and generate consolidated Cursor rules.Votes: 0GitHub stars: 57
- Generate Knowledge BaseGenerate a product knowledge base from a codebase. Analyzes source code to create an Obsidian vault with architecture docs, API references, domain logic, data models, and infrastructure documentation. Use when the user asks to document a codebase, create a knowledge base, or generate product docs.Votes: 0GitHub stars: 57
- Generate Qr Code Natively Majiayu000Generate QR codes locally without external APIs using native CLI and runtime libraries in Bash and Node.js.Votes: 0GitHub stars: 57
- Generate Status ReportComprehensive system status report with services, infrastructure, performance metrics, and recommendationsVotes: 0GitHub stars: 57
- Genesis太初有道，道生代码。从零搭建 React19+TailwindV4+Vite 前端、FastAPI Python 后端、Go Gin 后端、Taro 4.x 小程序。用户说"新建项目"、"初始化"、"从零开始"、"搭建项目"、"创建项目"、"生成落地页"、"生成官网"、"生成 Landing Page"、"动画提升"、"动效升级"、"新建小程序"、"创建小程序"、"Taro 项目"时触发。Votes: 0GitHub stars: 57
- Geo Visibility AuditPerform manual AI search visibility audits without requiring API tools. Use when auditing brand visibility across AI engines, analyzing competitor presence, or building GEO strategies based on direct AI search testing.Votes: 0GitHub stars: 57
- Get DatesResolve target date from argument and return all date formats needed for planning rituals.Votes: 0GitHub stars: 57
- GetblockGetBlock — RPC node and API access for 100+ blockchains; authentication, endpoints, CU pricing, Ethers/JSON-RPC, Yellowstone gRPC, MCP integration.Votes: 0GitHub stars: 57
- Getting Started With SkillsSkills wiki intro - mandatory workflows, search tool, brainstorming triggersVotes: 0GitHub stars: 57
- Gifgrep FuturewithvibeSearch and share GIFsVotes: 0GitHub stars: 57
- GiilGet Image [from] Internet Link - Zero-setup CLI for downloading full-resolution images from iCloud, Dropbox, Google Photos, and Google Drive share links. Four-tier capture strategy, browser automation, HEIC conversion, album support. Node.js/Playwright.Votes: 0GitHub stars: 57
- Github Api FranklinbaldoAccess plain text versions of GitHub content (diffs, patches, raw files) using GitHub's URL transformations. Use when users share GitHub URLs for PRs, commits, files, or gists and you need to analyze the actual content. Works for pull requests, commits, file blobs, comparisons, and gists.Votes: 0GitHub stars: 57
- Github Copilot SdkComprehensive knowledge of GitHub Copilot SDK for embedding Copilot's agentic workflows in Python, TypeScript, Go, and .NET applications. Auto-activates for Copilot SDK integration, CopilotClient usage, session management, streaming responses, custom tools, and MCP server connections.Votes: 0GitHub stars: 57
- Github Copilot Starter KopelanSet up complete GitHub Copilot configuration for a new project based on technology stackVotes: 0GitHub stars: 57
- Github SearchSearch GitHub for repos, code, and usage examples using gh CLI. Capabilities: repo discovery, code search, finding library usage patterns, issue/PR search. Actions: search, find, discover repos/code/examples. Keywords: gh, github, search repos, search code, find examples, how to use library, stars, language filter. Use when: finding repositories, searching code patterns, discovering how libraries are used, exploring open source.Votes: 0GitHub stars: 57
- GithubInteract with GitHub repositories using the GitHub APIVotes: 0GitHub stars: 57
- Gleam Erlang InteropUse when gleam-Erlang interoperability including calling Erlang code from Gleam, using Erlang libraries, external functions, working with Erlang types, NIFs, and leveraging the BEAM ecosystem from Gleam applications.Votes: 0GitHub stars: 57
- Global Error HandlingYour approach to handling global error handling. Use this skill when working on files where global error handling comes into play.Votes: 0GitHub stars: 57
- GloveExpert guide for building AI-powered applications with the Glove framework. Use when working with glove-core, glove-react, glove-next, tools, display stack, model adapters, stores, or any Glove example project.Votes: 0GitHub stars: 57
- Go Concurrency PatternsMaster Go concurrency with goroutines, channels, sync primitives, and context. Use when building concurrent Go applications, implementing worker pools, or debugging race conditions.Votes: 0GitHub stars: 57