All authors
Claude Skills by diegosouzapw
github.com/diegosouzapw6,049 skills48 installs14,465 views
- Frontend PagesCreate or modify React pages using MUI components, React Router, and the HATEOAS API client.Votes: 0GitHub stars: 42
- Frontend RazorApply when working with Razor views, MVC layouts, partial views, and tag helpersVotes: 0GitHub stars: 42
- Frontend React Testing StrategyStandardized guidelines and patterns for Frontend React Testing Strategy.Votes: 0GitHub stars: 42
- Frontend Specialist前端开发专家。精通 React/Vue/Next.js/Nuxt 等现代前端框架，专注于组件化开发、状态管理、响应式设计、性能优化和用户体验。用于前端应用开发、组件设计和 UI/UX 实现。Votes: 0GitHub stars: 42
- Frontend Ui Dark TsBuild 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...Votes: 0GitHub stars: 42
- Fullstack ModernApply when working with modern fullstack patterns including React/Vue, GraphQL, REST APIs, and headless architecturesVotes: 0GitHub stars: 42
- Fullstory Stable SelectorsFramework-agnostic guide for implementing stable, semantic selectors in any web application. Solves the dynamic class name problem caused by CSS-in-JS, CSS Modules, and build tools. Includes patterns for React, Angular, Vue, Svelte, Next.js, Astro, and more. Future-proofed for Computer User Agents (CUA) and AI-powered automation tools. Provides TypeScript patterns, naming taxonomies, and enterprise-scale conventions.Votes: 0GitHub stars: 42
- Html Tailwind Css And Javascript Expert RuleSets the AI to act as an expert in HTML, Tailwind CSS, and vanilla JavaScript, focusing on clarity and readability for all HTML, JS, and CSS files.Votes: 0GitHub stars: 42
- Jekyll Research ThemeCreate production-grade, accessible Jekyll themes for researchers conducting "research in public." Generates complete lab notebook-style themes with Tufte-inspired sidenotes, KaTeX math rendering, and WCAG 2.1 AA compliance. Use when building Jekyll themes for scientific journals, experiment logs, field notes, or research documentation sites. Supports collections for organizing experiments and field notes, responsive sidenote rendering (sidebar on desktop, inline on mobile), and full-width la...Votes: 0GitHub stars: 42
- L3 Control CenterOBS Lower Third Controller with Excel data import and dynamic card managementVotes: 0GitHub stars: 42
- LwcGuidelines and best practices for developing Lightning Web Components (LWC) on Salesforce Platform. Triggers on: force-app/main/default/lwc/**Votes: 0GitHub stars: 42
- Mandu StylingTailwind CSS v4 integration and Island styling patterns for Mandu FrameworkVotes: 0GitHub stars: 42
- Manim ScrollBuild and integrate scroll-driven Manim animations with pre-rendered assets, manifest generation, and the web runtime. Use when users ask about Manim scroll playback, render pipelines, native text animation, or integrating the runtime.Votes: 0GitHub stars: 42
- MarimoGuide for creating and working with marimo notebooks, the reactive Python notebook that stores as pure .py files. This skill should be used when creating, editing, running, or deploying marimo notebooks.Votes: 0GitHub stars: 42
- Marp Pitch CreatorCreate high-quality pitch decks using Marp and Tailwind CSSVotes: 0GitHub stars: 42
- Moai Domain FrontendFrontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.Votes: 0GitHub stars: 42
- Moai Lang TypescriptTypeScript 5.9+ development specialist covering React 19, Next.js 16 App Router, type-safe APIs with tRPC, Zod validation, and modern TypeScript patterns. Use when developing TypeScript applications, React components, Next.js pages, or type-safe APIs.Votes: 0GitHub stars: 42
- Mobile FrontendReact Native patterns, NativeWind styling, React Native Reusables components, mobile-specific patternsVotes: 0GitHub stars: 42
- Nextjs Supabase AuthExpert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.Votes: 0GitHub stars: 42
- NextjsNext.js framework best practices including App Router, data fetching, and performance optimization.Votes: 0GitHub stars: 42
- Nextjs15 React19 Vercelai Tailwind Cursorrules Prompt File CursorrulesApply for nextjs15-react19-vercelai-tailwind-cursorrules-prompt-file. --- description: Best practices for using Tailwind CSS in Next.js 15 and React 19 applications, including responsive design, custom configurations, and performance optimization. globs: app/**/*Votes: 0GitHub stars: 42
- Nuxt UiA comprehensive Vue UI component library (Nuxt optional) with 125+ accessible, production-ready, Tailwind CSS components for building modern web applications.Votes: 0GitHub stars: 42
- Openai Apps Sdk BuilderBuild OpenAI Apps SDK applications - interactive ChatGPT apps with MCP servers, React widgets, and rich UI components for conversational experiencesVotes: 0GitHub stars: 42
- Pcf Canvas AppsCode components for canvas apps implementation, security, and configuration Triggers on: **/*.{ts,tsx,js,json,xml,pcfproj,csproj}Votes: 0GitHub stars: 42
- Pcf Code ComponentsUnderstanding code components structure and implementation Triggers on: **/*.{ts,tsx,js,json,xml,pcfproj,csproj}Votes: 0GitHub stars: 42
- Pcf ToolingGet Microsoft Power Platform CLI tooling for Power Apps Component Framework Triggers on: **/*.{ts,tsx,js,json,xml,pcfproj,csproj}Votes: 0GitHub stars: 42
- Power Bi Custom Visuals DevelopmentComprehensive Power BI custom visuals development guide covering React, D3.js integration, TypeScript patterns, testing frameworks, and advanced visualization techniques. Triggers on: **/*.{ts,tsx,js,jsx,json,less,css}Votes: 0GitHub stars: 42
- Pricing App FrontendReact frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissionsVotes: 0GitHub stars: 42
- Project SetupInteractive project setup for new repos using this template. Detects placeholder text in project.mdc, asks about tech stack, recommends skills, and configures the project. Trigger automatically when project.mdc contains "[Project Name]".Votes: 0GitHub stars: 42
- Rcr FrontendComponent development rules specific to Red Cliff Record. Use when working with React components, Tailwind CSS styling, Radix/Shadcn primitives, icons, buttons, forms, or frontend code in this project. Triggers on component files, styling questions, design tokens, Tailwind v4, Shadcn, Radix, TanStack Forms, Lucide icons, or UI primitive usage patterns (sizing, spacing, layout).Votes: 0GitHub stars: 42
- React ExpertExpert React - Hooks, composants, state management, data fetching, testing, styling et patterns modernesVotes: 0GitHub stars: 42
- React Flow ArchitectExpert ReactFlow architect for building interactive graph applications with hierarchical node-edge systems, performance optimization, and auto-layout integration. Use when Claude needs to create or...Votes: 0GitHub stars: 42
- React Flow Node TsCreate React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing no...Votes: 0GitHub stars: 42
- React Fluent Ui PatternsSkill for React TypeScript frontend development with Fluent UI Copilot components. Use when creating UI components, handling SSE streams, working with chat interfaces, or implementing theme support.Votes: 0GitHub stars: 42
- React Kprsnt2React development patterns and best practices including hooks, state management, and performance optimization.Votes: 0GitHub stars: 42
- React ModernizationUpgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to...Votes: 0GitHub stars: 42
- Relational Database Web CloudbaseUse when building frontend Web apps that talk to CloudBase Relational Database via @cloudbase/js-sdk – provides the canonical init pattern so you can then use Supabase-style queries from the browser.Votes: 0GitHub stars: 42
- Responsive Design Patterns Majiayu000Mobile-first responsive design patterns with breakpoints, fluid layouts, and adaptive componentsVotes: 0GitHub stars: 42
- Ring Dev Refactor FrontendAnalyzes frontend codebase against Ring standards and generates refactoring tasks for ring:dev-cycle-frontend. Dispatches frontend-specific agents in ANALYSIS mode.Votes: 0GitHub stars: 42
- Rule Making SkillAnalyze a specific directory (e.g. frontend/, backend/, e2e/) and generate .claude/rules/ markdown files for it. Use when asked to create rules, analyze a folder for Claude Code, or set up domain memory for a specific part of the codebase.Votes: 0GitHub stars: 42
- Senior DeveloperEmbodies a senior frontend developer with 15+ years of experience building web applications. Provides expert guidance on UI architecture, component design, state management, CSS/styling, performance optimization, accessibility, debugging browser issues, and modern frontend tooling. Use when building UIs, debugging frontend issues, choosing frontend frameworks, or needing senior-level code review and mentorship.Votes: 0GitHub stars: 42
- Senior Frontend Developer MindsetSets the mindset for a senior frontend developer concerning code quality, maintainability, and testing. This encourages developers to focus on creating clean, efficient, and well-tested code.Votes: 0GitHub stars: 42
- Senior FrontendComprehensive frontend development skill for building modern, performant web applications using React, Next.js, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.Votes: 0GitHub stars: 42
- Seo MetadataOptimize portfolio websites for search engines with Next.js Metadata API, structured data, Open Graph, and performance SEO.Votes: 0GitHub stars: 42
- Shadcn TailwindReact component library skill for shadcn/ui + Tailwind CSS. Use for React/Next.js/Vite projects needing accessible UI components (dialogs, forms, tables, navigation), Radix UI primitives, Tailwind utility styling, theming, and dark mode. NOT for Angular projects - see frontend-angular-* skills. Triggers on "shadcn", "radix ui", "react components", "tailwind components". For design decisions (styles, palettes, fonts), use ui-ux-pro-max instead.Votes: 0GitHub stars: 42
- Shadowrun AestheticApplies Shadowrun cyberpunk aesthetic to UI components. Use when building character sheets, creation cards, gear panels, modal dialogs, or any SR-themed interface elements. Combines systematic craft principles with the distinctive visual language of the Sixth World.Votes: 0GitHub stars: 42
- Sixty Design SystemSixty's production design system for enterprise SaaS applications. Use when building UI components, creating React/Next.js interfaces, styling dashboards, implementing light/dark themes, or applying Sixty's glassmorphic dark mode aesthetic. Triggers on frontend development, UI styling, component creation, theme implementation, and any Sixty product interface work.Votes: 0GitHub stars: 42
- Skill SynchronizerLee los metadatos de todas las skills y actualiza el índice en AGENTS.md.Votes: 0GitHub stars: 42
- Softskill<div > <ul class="posts"> {% for post in site.posts %} {% if post.categories contains 'softskill' %} <small>{{ post.date | date: "%b %d, %Y"}}</small> <br> <a href="{{ post.url }}"> {{ post.title }}</a> <br> {{ post.abstract }} <br> {% endif %} {% endfor %} </ul> </div>Votes: 0GitHub stars: 42
- Solid Core RenderingSolidJS rendering: render for client apps, hydrate for SSR, renderToString for server rendering, renderToStream for streaming, isServer checks.Votes: 0GitHub stars: 42