awesome-claude-skills
Frontend Development
531 skills in this domain
| Skill | Description | Author |
|---|---|---|
| 3d-web-experience | Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and i… | davila7 |
| academic-plotting | Generates publication-quality figures for ML papers from research context. Given a paper section … | zechenzhangAGI |
| Accessibility Auditor | Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use … | davila7 |
| accessibility-audit-runner | Run accessibility audit runner operations. Auto-activating skill for Frontend Development. Trigge… | jeremylongshore |
| accessibility-audit-runner | Accessibility Audit Runner - Auto-activating skill for Frontend Development. Triggers on: accessi… | jeremylongshore |
| adk-agent-builder | Scaffold production-ready AI agents on Google’s Agent Development Kit (ADK): ReAct-style single a… | jeremylongshore |
| adk-agent-builder | Scaffold production-ready AI agents on Google’s Agent Development Kit (ADK): ReAct-style single a… | jeremylongshore |
| adobe-core-workflow-b | Execute Adobe PDF Services workflow: create PDFs from HTML/DOCX, extract text/tables, document ge… | jeremylongshore |
| adobe-core-workflow-b | Execute Adobe PDF Services workflow: create PDFs from HTML/DOCX, extract text/tables, document ge… | jeremylongshore |
| adobe-reference-architecture | Implement Adobe reference architecture for production integrations covering Firefly Services, PDF… | jeremylongshore |
| adobe-reference-architecture | Implement Adobe reference architecture for production integrations covering Firefly Services, PDF… | jeremylongshore |
| algolia-deploy-integration | Deploy Algolia-powered apps to Vercel, Fly.io, and Cloud Run with proper API key management and I… | jeremylongshore |
| algolia-deploy-integration | Deploy Algolia-powered apps to Vercel, Fly.io, and Cloud Run with proper API key management and I… | jeremylongshore |
| algolia-reference-architecture | Implement Algolia reference architecture: index design, multi-index strategy, data pipeline, sear… | jeremylongshore |
| algolia-reference-architecture | Implement Algolia reference architecture: index design, multi-index strategy, data pipeline, sear… | jeremylongshore |
| algolia-search | Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and … | davila7 |
| algolia-security-basics | Apply Algolia security best practices: API key scoping, secured API keys, frontend vs backend key… | jeremylongshore |
| algolia-security-basics | Apply Algolia security best practices: API key scoping, secured API keys, frontend vs backend key… | jeremylongshore |
| anchor-browser-automation | Automate Anchor Browser tasks via Rube MCP (Composio). Always search tools first for current sche… | ComposioHQ |
| angular | Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless appl… | davila7 |
| angular-architect | Generates Angular 17+ standalone components, configures advanced routing with lazy loading and gu… | Jeffallan |
| angular-migration | Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and depende… | wshobson |
| anima-ci-integration | Configure CI/CD pipeline for automated Figma-to-code generation with Anima. Use when automating d… | jeremylongshore |
| anima-ci-integration | Configure CI/CD pipeline for automated Figma-to-code generation with Anima. Use when automating d… | jeremylongshore |
| anima-core-workflow-a | Build automated Figma-to-React pipeline with the Anima SDK. Use when automating design handoff, b… | jeremylongshore |
| anima-core-workflow-a | Build automated Figma-to-React pipeline with the Anima SDK. Use when automating design handoff, b… | jeremylongshore |
| anima-core-workflow-b | Clone websites to React/HTML code and customize Anima output with AI. Use when converting live we… | jeremylongshore |
| anima-core-workflow-b | Clone websites to React/HTML code and customize Anima output with AI. Use when converting live we… | jeremylongshore |
| anima-hello-world | Generate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-… | jeremylongshore |
| anima-hello-world | Generate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-… | jeremylongshore |
| anima-local-dev-loop | Set up iterative design-to-code development loop with Anima SDK. Use when rapidly iterating on Fi… | jeremylongshore |
| anima-local-dev-loop | Set up iterative design-to-code development loop with Anima SDK. Use when rapidly iterating on Fi… | jeremylongshore |
| anima-performance-tuning | Optimize Anima code generation performance with caching, parallelism, and output tuning. Use when… | jeremylongshore |
| anima-performance-tuning | Optimize Anima code generation performance with caching, parallelism, and output tuning. Use when… | jeremylongshore |
| anima-rate-limits | Implement rate limiting for Anima API code generation requests. Use when batching component gener… | jeremylongshore |
| anima-rate-limits | Implement rate limiting for Anima API code generation requests. Use when batching component gener… | jeremylongshore |
| anima-reference-architecture | Implement reference architecture for Anima design-to-code automation. Use when designing a design… | jeremylongshore |
| anima-reference-architecture | Implement reference architecture for Anima design-to-code automation. Use when designing a design… | jeremylongshore |
| anima-webhooks-events | Use Figma webhooks to trigger automatic Anima code generation on design changes. Use when buildin… | jeremylongshore |
| anima-webhooks-events | Use Figma webhooks to trigger automatic Anima code generation on design changes. Use when buildin… | jeremylongshore |
| animate | Generate animated videos and motion graphics from natural language descriptions. Creates a standa… | OneWave-AI |
| api-contract | Configure this skill should be used when the user asks about “API contract”, “api-contract.md”, “… | jeremylongshore |
| api-contract | Configure this skill should be used when the user asks about “API contract”, “api-contract.md”, “… | jeremylongshore |
| apple-notes-core-workflow-b | Export and convert Apple Notes to Markdown, JSON, HTML, and SQLite. Use when backing up notes, ex… | jeremylongshore |
| apple-notes-core-workflow-b | Export and convert Apple Notes to Markdown, JSON, HTML, and SQLite. Use when backing up notes, ex… | jeremylongshore |
| apple-notes-data-handling | Handle Apple Notes data formats: HTML body, attachments, and rich content. Trigger: “apple notes … | jeremylongshore |
| apple-notes-data-handling | Handle Apple Notes data formats: HTML body, attachments, and rich content. Trigger: “apple notes … | jeremylongshore |
| architecture-designer | Use when designing new high-level system architecture, reviewing existing designs, or making arch… | Jeffallan |
| aria-attribute-helper | Configure with aria attribute helper operations. Auto-activating skill for Frontend Development. … | jeremylongshore |
| aria-attribute-helper | Aria Attribute Helper - Auto-activating skill for Frontend Development. Triggers on: aria attribu… | jeremylongshore |
| artifacts-builder | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fron… | ComposioHQ |
| artifacts-builder | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fron… | Prat011 |
| artifacts-builder | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fron… | davila7 |
| assemblyai-reference-architecture | Implement AssemblyAI reference architecture with best-practice project layout. Use when designing… | jeremylongshore |
| assemblyai-reference-architecture | Implement AssemblyAI reference architecture with best-practice project layout. Use when designing… | jeremylongshore |
| assemblyai-security-basics | Apply AssemblyAI security best practices for API keys, PII, and access control. Use when securing… | jeremylongshore |
| assemblyai-security-basics | Apply AssemblyAI security best practices for API keys, PII, and access control. Use when securing… | jeremylongshore |
| astro | Build content-focused websites with Astro — zero JS by default, islands architecture, multi-frame… | davila7 |
| atlas-map | Map the system architecture — read the codebase, identify services and connections, output a C4-l… | jeremylongshore |
| atlas-map | Map the system architecture — read the codebase, identify services and connections, output a C4-l… | jeremylongshore |
| atlas-present | Generate a polished HTML presentation page and Obsidian Canvas for big releases — new products, t… | jeremylongshore |
| atlas-present | Generate a polished HTML presentation page and Obsidian Canvas for big releases — new products, t… | jeremylongshore |
| atlas-report | Render agent findings as a styled HTML report in the browser. Use when asked for “full report”, “… | jeremylongshore |
| atlas-report | Render agent findings as a styled HTML report in the browser. Use when asked for “full report”, “… | jeremylongshore |
| autonomous-agent-patterns | Design patterns for building autonomous coding agents. Covers tool integration, permission system… | davila7 |
| autonomous-agents | Autonomous agents are AI systems that can independently decompose goals, plan actions, execute to… | davila7 |
| avalonia-layout-zafiro | Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generi… | davila7 |
| avalonia-viewmodels-zafiro | Optimal ViewModel and Wizard creation patterns for Avalonia using Zafiro and ReactiveUI. | davila7 |
| backend-to-frontend-handoff-docs | Create API handoff documentation for frontend developers. Use when backend work is complete and n… | davila7 |
| bioservices | Unified Python interface to 40+ bioinformatics services. Use when querying multiple databases (Un… | K-Dense-AI |
| bioservices | Primary Python tool for 40+ bioinformatics services. Preferred for multi-database workflows: UniP… | davila7 |
| brainstorming | You MUST use this before any creative work - creating features, building components, adding funct… | davila7 |
| brainstorming | You MUST use this before any creative work - creating features, building components, adding funct… | obra |
| brand-landingpage | Brand-first landing page designer — interviews the user to discover brand identity (adjectives, c… | wshobson |
| brenda-database | Access BRENDA enzyme database via SOAP API. Retrieve kinetic parameters (Km, kcat), reaction equa… | davila7 |
| bright-data-best-practices | Build production-ready Bright Data integrations with best practices baked in. Reference documenta… | davila7 |
| bright-data-mcp | Bright Data MCP handles ALL web data operations. Replaces WebFetch, WebSearch, and all built-in w… | davila7 |
| brightdata-core-workflow-a | Scrape structured data with Bright Data Scraping Browser using Playwright/Puppeteer. Use when scr… | jeremylongshore |
| brightdata-core-workflow-a | Scrape structured data with Bright Data Scraping Browser using Playwright/Puppeteer. Use when scr… | jeremylongshore |
| brightdata-reference-architecture | Implement Bright Data reference architecture with best-practice project layout. Use when designin… | jeremylongshore |
| brightdata-reference-architecture | Implement Bright Data reference architecture with best-practice project layout. Use when designin… | jeremylongshore |
| browser | Minimal Chrome DevTools Protocol tools for browser automation and scraping. Use when you need to … | iamzhihuix |
| browser-automation | Browser automation powers web testing, scraping, and AI agent interactions. The difference betwee… | davila7 |
| browser-extension-builder | Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-brows… | davila7 |
| browser-recording | Record browser sessions using Playwright for web UI tutorials, converts. | athola |
| browser-tool-automation | Automate Browser Tool tasks via Rube MCP (Composio). Always search tools first for current schemas. | ComposioHQ |
| browserbase-tool-automation | Automate Browserbase Tool tasks via Rube MCP (Composio). Always search tools first for current sc… | ComposioHQ |
| browserhub-automation | Automate Browserhub tasks via Rube MCP (Composio). Always search tools first for current schemas. | ComposioHQ |
| browserless-automation | Automate Browserless tasks via Rube MCP (Composio). Always search tools first for current schemas. | ComposioHQ |
| build-mcp-app | This skill should be used when the user wants to build an “MCP app”, add “interactive UI” or “wid… | anthropics |
| bundle-size-analyzer | Bundle Size Analyzer - Auto-activating skill for Frontend Development. Triggers on: bundle size a… | jeremylongshore |
| bundle-size-analyzer | Analyze bundle size analyzer operations. Auto-activating skill for Frontend Development. Triggers… | jeremylongshore |
| c4-architecture | Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create arc… | davila7 |
| canva-architecture-variants | Choose and implement Canva Connect API architecture blueprints for different scales. Use when des… | jeremylongshore |
| canva-architecture-variants | Choose and implement Canva Connect API architecture blueprints for different scales. Use when des… | jeremylongshore |
| canva-reference-architecture | Implement Canva Connect API reference architecture with best-practice project layout. Use when de… | jeremylongshore |
| canva-reference-architecture | Implement Canva Connect API reference architecture with best-practice project layout. Use when de… | jeremylongshore |
| castai-performance-tuning | Optimize CAST AI autoscaler performance, node provisioning speed, and API efficiency. Use when no… | jeremylongshore |
| castai-performance-tuning | Optimize CAST AI autoscaler performance, node provisioning speed, and API efficiency. Use when no… | jeremylongshore |
| castai-upgrade-migration | Upgrade CAST AI Helm charts, Terraform provider, and agent components. Use when upgrading CAST AI… | jeremylongshore |
| castai-upgrade-migration | Upgrade CAST AI Helm charts, Terraform provider, and agent components. Use when upgrading CAST AI… | jeremylongshore |
| cf-crawl | Crawl entire websites using Cloudflare Browser Rendering /crawl API. Initiates async crawl jobs, … | davila7 |
| chrome-devtools | Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for auto… | mrgoonie |
| ckm:banner-design | Design banners for social media, ads, website heroes, creative assets, and print. Multiple art di… | nextlevelbuilder |
| ckm:design | Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles… | nextlevelbuilder |
| ckm:design-system | Token architecture, component specifications, and slide generation. Three-layer tokens (primitive… | nextlevelbuilder |
| ckm:slides | Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting… | nextlevelbuilder |
| ckm:ui-styling | Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailw… | nextlevelbuilder |
| clickhouse-incident-runbook | ClickHouse incident response — triage, diagnose, and remediate server issues using system tables,… | jeremylongshore |
| clickhouse-incident-runbook | ClickHouse incident response — triage, diagnose, and remediate server issues using system tables,… | jeremylongshore |
| clickhouse-reference-architecture | Production reference architecture for ClickHouse-backed applications — project layout, data flow,… | jeremylongshore |
| clickhouse-reference-architecture | Production reference architecture for ClickHouse-backed applications — project layout, data flow,… | jeremylongshore |
| cloudflare-browser-rendering-automation | Automate Cloudflare Browser Rendering tasks via Rube MCP (Composio). Always search tools first fo… | ComposioHQ |
| code-changelog | AI가 만든 모든 코드 변경사항을 reviews 폴더에 기록하고 간단한 HTML 뷰어로 웹 브라우저에서 실시간 확인할 수 있습니다. 매 수정마다 문서가 생성되고 Python … | bear2u |
| code-formatter | Execute automatically formats and validates code files using Prettier and other formatting tools…. | jeremylongshore |
| code-formatter | Execute automatically formats and validates code files using Prettier and other formatting tools…. | jeremylongshore |
| code-splitting-helper | Configure with code splitting helper operations. Auto-activating skill for Frontend Development. … | jeremylongshore |
| code-splitting-helper | Code Splitting Helper - Auto-activating skill for Frontend Development. Triggers on: code splitti… | jeremylongshore |
| coding-standards | Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and N… | davila7 |
| cohere-reference-architecture | Implement Cohere reference architecture with layered project layout for RAG and agents. Use when … | jeremylongshore |
| cohere-reference-architecture | Implement Cohere reference architecture with layered project layout for RAG and agents. Use when … | jeremylongshore |
| color-contrast-checker | Validate color contrast checker operations. Auto-activating skill for Frontend Development. Trigg… | jeremylongshore |
| color-contrast-checker | Validate color contrast checker operations. Auto-activating skill for Frontend Development. Trigg… | jeremylongshore |
| color-palette-extractor | Extract color palettes from images, websites, or designs. Identifies dominant colors, generates c… | OneWave-AI |
| convex | Convex reactive backend expert: schema design, TypeScript functions, real-time subscriptions, aut… | davila7 |
| core-components | Core component library and design system patterns. Use when building UI, using design tokens, or … | davila7 |
| core-web-vitals | Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when … | davila7 |
| Cross-Site Scripting and HTML Injection Testing | This skill should be used when the user asks to “test for XSS vulnerabilities”, “perform cross-si… | davila7 |
| csharp-developer | Use when building C# applications with .NET 8+, ASP.NET Core APIs, or Blazor web apps. Builds RES… | Jeffallan |
| css-animation-creator | Create professional CSS animations, transitions, micro-interactions, and complex motion design. U… | OneWave-AI |
| css-module-generator | Css Module Generator - Auto-activating skill for Frontend Development. Triggers on: css module ge… | jeremylongshore |
| css-module-generator | Css Module Generator - Auto-activating skill for Frontend Development. Triggers on: css module ge… | jeremylongshore |
| d3-viz | Creating interactive data visualisations using d3.js. This skill should be used when creating cus… | davila7 |
| dashboard-layout-planner | Configure dashboard layout planner operations. Auto-activating skill for Data Analytics. Triggers… | jeremylongshore |
| dashboard-layout-planner | Dashboard Layout Planner - Auto-activating skill for Data Analytics. Triggers on: dashboard layou… | jeremylongshore |
| data-flow | Generate Mermaid data flow diagrams showing how data moves between components. | athola |
| database-lookup | Search 78 public scientific, biomedical, materials science, and economic databases via REST APIs…. | K-Dense-AI |
| databricks-reference-architecture | Implement Databricks reference architecture with best-practice project layout. Use when designing… | jeremylongshore |
| databricks-reference-architecture | Implement Databricks reference architecture with best-practice project layout. Use when designing… | jeremylongshore |
| design-mirror | Replicate the visual style of any website and apply it to your existing codebase. Use this skill … | davila7 |
| design-system-generator | Create design systems with tokens, components, and documentation. Use when building design system… | OneWave-AI |
| design-system-patterns | Build scalable design systems with design tokens, theming infrastructure, and component architect… | wshobson |
| design-system-starter | Create and evolve design systems with design tokens, component architecture, accessibility guidel… | davila7 |
| design-to-code | Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScrip… | davila7 |
| develop-web-game | Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development … | davila7 |
| discord-bot-architect | Specialized skill for building production-ready Discord bots. Covers Discord.js (JavaScript) and … | davila7 |
| doc | Use when the task involves reading, creating, or editing .docx documents, especially when forma… |
davila7 |
| doc-importer | Import external documents (PDF, DOCX, PPTX, XLSX, HTML) into editable markdown for rewriting or p… | athola |
| documenso-reference-architecture | Implement Documenso reference architecture with best-practice project layout. Use when designing … | jeremylongshore |
| documenso-reference-architecture | Implement Documenso reference architecture with best-practice project layout. Use when designing … | jeremylongshore |
| draft-landing | Use when asked to structure a landing page, design page layout for conversion, or plan landing pa… | jeremylongshore |
| draft-landing | Use when asked to structure a landing page, design page layout for conversion, or plan landing pa… | jeremylongshore |
| draft-recon | UI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to un… | jeremylongshore |
| draft-recon | UI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to un… | jeremylongshore |
| draft-wireframe | Text and Mermaid wireframes — produce screen-level layouts with content hierarchy, component plac… | jeremylongshore |
| draft-wireframe | Text and Mermaid wireframes — produce screen-level layouts with content hierarchy, component plac… | jeremylongshore |
| draw-io | draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layou… | davila7 |
| engineer-design-diagram | Generate production-grade engineering design diagrams (architecture, sequence, delta, drift) as s… | jeremylongshore |
| engineer-design-diagram | Generate production-grade engineering design diagrams (architecture, sequence, delta, drift) as s… | jeremylongshore |
| error-boundary-creator | Create error boundaries, error handling, and fallback UIs for React applications. Use when implem… | OneWave-AI |
| example-command | An example user-invoked skill that demonstrates frontmatter options and the skills/ |
anthropics |
| figma-core-workflow-a | Extract design tokens, colors, typography, and spacing from Figma files via REST API. Use when bu… | jeremylongshore |
| figma-core-workflow-a | Extract design tokens, colors, typography, and spacing from Figma files via REST API. Use when bu… | jeremylongshore |
| figma-implement-design | Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP wor… | davila7 |
| figma-reference-architecture | Reference architecture for production Figma API integrations. Use when designing a new Figma inte… | jeremylongshore |
| figma-reference-architecture | Reference architecture for production Figma API integrations. Use when designing a new Figma inte… | jeremylongshore |
| finding-arbitrage-opportunities | Detect profitable arbitrage opportunities across CEX, DEX, and cross-chain markets in real-time. … | jeremylongshore |
| finding-arbitrage-opportunities | Detect profitable arbitrage opportunities across CEX, DEX, and cross-chain markets in real-time. … | jeremylongshore |
| flexport-reference-architecture | Implement Flexport reference architecture for supply chain integrations with best-practice projec… | jeremylongshore |
| flexport-reference-architecture | Implement Flexport reference architecture for supply chain integrations with best-practice projec… | jeremylongshore |
| flutter-expert | Use when building cross-platform applications with Flutter 3+ and Dart. Invoke for widget develop… | Jeffallan |
| flutter-expert | Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. | davila7 |
| form-component | Use when asked to design a UI component, specify a button, input, card, modal, badge, or any inte… | jeremylongshore |
| form-component | Use when asked to design a UI component, specify a button, input, card, modal, badge, or any inte… | jeremylongshore |
| form-email | Use when asked to design an email template, newsletter, drip campaign email, transactional email,… | jeremylongshore |
| form-email | Use when asked to design an email template, newsletter, drip campaign email, transactional email,… | jeremylongshore |
| form-tokens | Use when asked to define a design token system, create tokens, document tokens, set up CSS custom… | jeremylongshore |
| form-tokens | Use when asked to define a design token system, create tokens, document tokens, set up CSS custom… | jeremylongshore |
| framer-reference-architecture | Implement Framer reference architecture with best-practice project layout. Use when designing new… | jeremylongshore |
| framer-reference-architecture | Implement Framer reference architecture with best-practice project layout. Use when designing new… | jeremylongshore |
| frontend-design | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill… | mrgoonie |
| frontend-design | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill… | anthropics |
| frontend-design | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill… | anthropics |
| frontend-design | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill… | davila7 |
| frontend-design | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill… | bear2u |
| frontend-design | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill… | anthropics |
| frontend-dev-guidelines | Frontend development guidelines for React/TypeScript applications. Modern patterns including Susp… | mrgoonie |
| frontend-dev-guidelines | Frontend development guidelines for React/TypeScript applications. Modern patterns including Susp… | davila7 |
| frontend-dev-guidelines | Frontend development guidelines for React/TypeScript applications. Modern patterns including Susp… | diet103 |
| frontend-patterns | Frontend development patterns for React, Next.js, state management, performance optimization, and… | davila7 |
| frontend-to-backend-requirements | Document frontend data needs for backend developers. Use when frontend needs to communicate API r… | davila7 |
| full-codebase-migrator | Uses 1M context window to ingest an entire codebase and output a file-by-file migration plan. Sup… | OneWave-AI |
| fullstack-guardian | Builds security-focused full-stack web applications by implementing integrated frontend and backe… | Jeffallan |
| glean-security-basics | Token security: Indexing tokens have write access – never expose in frontend. Trigger: “glean se… | jeremylongshore |
| glean-security-basics | Token security: Indexing tokens have write access – never expose in frontend. Trigger: “glean se… | jeremylongshore |
| grammarly-reference-architecture | Implement Grammarly reference architecture with best-practice project layout. Use when designing … | jeremylongshore |
| grammarly-reference-architecture | Implement Grammarly reference architecture with best-practice project layout. Use when designing … | jeremylongshore |
| granola-webhooks-events | Build event-driven automations with Granola’s Zapier webhook triggers. Use when creating real-tim… | jeremylongshore |
| granola-webhooks-events | Build event-driven automations with Granola’s Zapier webhook triggers. Use when creating real-tim… | jeremylongshore |
| graph-query | Query the code graph database to understand component relationships, dependencies, and change imp… | davila7 |
| happy-dreamina | ByteDance Jimeng (Dreamina) image and video generation via the official dreamina CLI. Use this … |
iamzhihuix |
| hex-reference-architecture | Implement Hex reference architecture with best-practice project layout. Use when designing new He… | jeremylongshore |
| hex-reference-architecture | Implement Hex reference architecture with best-practice project layout. Use when designing new He… | jeremylongshore |
| hootsuite-reference-architecture | Implement Hootsuite reference architecture with best-practice project layout. Use when designing … | jeremylongshore |
| hootsuite-reference-architecture | Implement Hootsuite reference architecture with best-practice project layout. Use when designing … | jeremylongshore |
| HTML Injection Testing | This skill should be used when the user asks to “test for HTML injection”, “inject HTML into web … | davila7 |
| html-to-image-automation | Automate Html To Image tasks via Rube MCP (Composio). Always search tools first for current schemas. | ComposioHQ |
| hubspot-reference-architecture | Implement a production-ready HubSpot integration architecture with layered design. Use when desig… | jeremylongshore |
| hubspot-reference-architecture | Implement a production-ready HubSpot integration architecture with layered design. Use when desig… | jeremylongshore |
| huggingface-gradio | Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, e… | huggingface |
| hyperbrowser-automation | Automate Hyperbrowser tasks via Rube MCP (Composio). Always search tools first for current schemas. | ComposioHQ |
| i18n-expert | This skill should be used when setting up, auditing, or enforcing internationalization/localizati… | daymade |
| image-optimization-helper | Configure with image optimization helper operations. Auto-activating skill for Frontend Developme… | jeremylongshore |
| image-optimization-helper | Image Optimization Helper - Auto-activating skill for Frontend Development. Triggers on: image op… | jeremylongshore |
| imaging-data-commons | Query and download public cancer imaging data from NCI Imaging Data Commons using idc-index. Use … | K-Dense-AI |
| infographic-item-creator | Generate or update infographic Item components for this repo (TypeScript/TSX in src/designs/items… | antvis |
| infographic-structure-creator | Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/… | antvis |
| infographic-syntax-creator | Generate AntV Infographic syntax only. Use when asked to turn notes, outlines, reports, or other … | antvis |
| instantly-reference-architecture | Implement Instantly.ai reference architecture with best-practice project layout. Use when designi… | jeremylongshore |
| instantly-reference-architecture | Implement Instantly.ai reference architecture with best-practice project layout. Use when designi… | jeremylongshore |
| intercom-reference-architecture | Implement Intercom reference architecture with layered project structure. Use when designing new … | jeremylongshore |
| intercom-reference-architecture | Implement Intercom reference architecture with layered project structure. Use when designing new … | jeremylongshore |
| ios-hig-design | Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentio… | jeremylongshore |
| ios-hig-design | Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentio… | jeremylongshore |
| java-architect | Use when building, configuring, or debugging enterprise Java applications with Spring Boot 3.x, m… | Jeffallan |
| javascript-pro | Writes, debugs, and refactors JavaScript code using modern ES2023+ features, async/await patterns… | Jeffallan |
| javascript-pro | Master modern JavaScript with ES6+, async patterns, and Node.js APIs. Handles promises, event loo… | davila7 |
| k6-load-testing | Comprehensive k6 load testing skill for API, browser, and scalability testing. Write realistic lo… | davila7 |
| keyboard-navigation-tester | Test keyboard navigation tester operations. Auto-activating skill for Frontend Development. Trigg… | jeremylongshore |
| keyboard-navigation-tester | Keyboard Navigation Tester - Auto-activating skill for Frontend Development. Triggers on: keyboar… | jeremylongshore |
| klaviyo-reference-architecture | Implement Klaviyo reference architecture with best-practice project layout. Use when designing ne… | jeremylongshore |
| klaviyo-reference-architecture | Implement Klaviyo reference architecture with best-practice project layout. Use when designing ne… | jeremylongshore |
| landing-page-guide | Comprehensive guide for creating effective landing pages using Next.js or React. This skill shoul… | bear2u |
| langchain | Framework for building LLM-powered applications with agents, chains, and RAG. Supports multiple p… | zechenzhangAGI |
| langchain | Framework for building LLM-powered applications with agents, chains, and RAG. Supports multiple p… | davila7 |
| langchain-langgraph-agents | Build a correct LangGraph 1.0 ReAct agent with create_react_agent — typed tools, error propagat… |
jeremylongshore |
| langchain-langgraph-agents | Build a correct LangGraph 1.0 ReAct agent with create_react_agent — typed tools, error propagat… |
jeremylongshore |
| langchain-langgraph-streaming | Pick the correct LangGraph 1.0 stream_mode (“messages” vs “updates” vs “values”), wire it into SS… | jeremylongshore |
| langchain-langgraph-streaming | Pick the correct LangGraph 1.0 stream_mode (“messages” vs “updates” vs “values”), wire it into SS… | jeremylongshore |
| langgraph | Expert in LangGraph - the production-grade framework for building stateful, multi-actor AI applic… | davila7 |
| laravel-specialist | Build and configure Laravel 10+ applications, including creating Eloquent models and relationship… | Jeffallan |
| latex-posters | Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Suppor… | K-Dense-AI |
| latex-posters | Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Suppor… | davila7 |
| lazy-loading-implementer | Lazy Loading Implementer - Auto-activating skill for Frontend Development. Triggers on: lazy load… | jeremylongshore |
| lazy-loading-implementer | Execute lazy loading implementer operations. Auto-activating skill for Frontend Development. Trig… | jeremylongshore |
| lens-dashboard | Design and spec an analytical dashboard — define the question each chart answers, write the SQL q… | jeremylongshore |
| lens-dashboard | Design and spec an analytical dashboard — define the question each chart answers, write the SQL q… | jeremylongshore |
| lokalise-reference-architecture | Implement Lokalise reference architecture with best-practice project layout. Use when designing n… | jeremylongshore |
| lokalise-reference-architecture | Implement Lokalise reference architecture with best-practice project layout. Use when designing n… | jeremylongshore |
| managing-snapshot-tests | Create and validate component snapshots for UI regression testing. Use when performing specialize… | jeremylongshore |
| managing-snapshot-tests | Create and validate component snapshots for UI regression testing. Use when performing specialize… | jeremylongshore |
| markitdown | Convert files and office documents to Markdown. Supports PDF, DOCX, PPTX, XLSX, images (with OCR)… | K-Dense-AI |
| markitdown | Convert files and office documents to Markdown. Supports PDF, DOCX, PPTX, XLSX, images (with OCR)… | davila7 |
| marp-slide | Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful,… | davila7 |
| memory-palace-architect | Design memory palace structures with spatial layouts and domain org. | athola |
| mermaid-diagrams | Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to c… | davila7 |
| Microsoft Clarity Automation | Automate user behavior analytics with Microsoft Clarity – export heatmap data, session metrics, … | ComposioHQ |
| miro-core-workflow-b | Manage Miro connectors, images, embeds, app cards, and document items via REST API v2. Use for vi… | jeremylongshore |
| miro-core-workflow-b | Manage Miro connectors, images, embeds, app cards, and document items via REST API v2. Use for vi… | jeremylongshore |
| miro-upgrade-migration | Migrate Miro integrations from REST API v1 to v2 and upgrade @mirohq/miro-api SDK. Use when upgra… | jeremylongshore |
| miro-upgrade-migration | Migrate Miro integrations from REST API v1 to v2 and upgrade @mirohq/miro-api SDK. Use when upgra… | jeremylongshore |
| mistral-reference-architecture | Implement Mistral AI reference architecture with best-practice project layout. Use when designing… | jeremylongshore |
| mistral-reference-architecture | Implement Mistral AI reference architecture with best-practice project layout. Use when designing… | jeremylongshore |
| mkfast-deploy | 把 mkfast-template / TanStarter 系项目部署到 Cloudflare Workers —— 自动检测实际启用的组件（D1 / R2 / Email / Better … | iamzhihuix |
| mobile-design | Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, per… | davila7 |
| mui | Material-UI v7 component library patterns including sx prop styling, theme integration, responsiv… | davila7 |
| New Relic Automation | Automate New Relic observability workflows – manage alert policies, notification channels, alert… | ComposioHQ |
| nextjs-app-router-patterns | Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern ful… | davila7 |
| nextjs-app-router-patterns | Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced da… | wshobson |
| nextjs-best-practices | Next.js App Router principles. Server Components, data fetching, routing patterns. | davila7 |
| nextjs-developer | Use when building Next.js 14+ applications with App Router, server components, or server actions…. | Jeffallan |
| nextjs-supabase-auth | Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authent… | davila7 |
| nextjs15-init | Use when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom dom… | bear2u |
| notebooklm | Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-gro… | davila7 |
| obsidian-core-workflow-b | Build advanced Obsidian plugin features: custom views (ItemView), modals, editor commands with se… | jeremylongshore |
| obsidian-core-workflow-b | Build advanced Obsidian plugin features: custom views (ItemView), modals, editor commands with se… | jeremylongshore |
| obsidian-reference-architecture | Implement Obsidian reference architecture with best-practice project layout. Use when designing n… | jeremylongshore |
| obsidian-reference-architecture | Implement Obsidian reference architecture with best-practice project layout. Use when designing n… | jeremylongshore |
| obsidian-sdk-patterns | Production-ready Obsidian plugin patterns: typed settings with migration, safe vault operations, … | jeremylongshore |
| obsidian-sdk-patterns | Production-ready Obsidian plugin patterns: typed settings with migration, safe vault operations, … | jeremylongshore |
| obsidian-webhooks-events | Handle Obsidian events and workspace callbacks for plugin development. Use when implementing reac… | jeremylongshore |
| obsidian-webhooks-events | Handle Obsidian events and workspace callbacks for plugin development. Use when implementing reac… | jeremylongshore |
| onenote-core-workflow-a | Full CRUD lifecycle for OneNote notebooks, section groups, sections, and pages via Graph API. Use… | jeremylongshore |
| onenote-core-workflow-a | Full CRUD lifecycle for OneNote notebooks, section groups, sections, and pages via Graph API. Use… | jeremylongshore |
| onenote-hello-world | Create your first OneNote notebook, section, and page with correct XHTML content. Use when starti… | jeremylongshore |
| onenote-hello-world | Create your first OneNote notebook, section, and page with correct XHTML content. Use when starti… | jeremylongshore |
| open-graph-creator | Open Graph Creator - Auto-activating skill for Frontend Development. Triggers on: open graph crea… | jeremylongshore |
| open-graph-creator | Open Graph Creator - Auto-activating skill for Frontend Development. Triggers on: open graph crea… | jeremylongshore |
| optimizing-performance | Analyzes and optimizes application performance across frontend, backend, and database layers. Use… | CloudAI-X |
| oraclecloud-debug-bundle | Collect OCI instance diagnostics — serial console, cloud-init logs, metadata, and VCN flow logs —… | jeremylongshore |
| oraclecloud-debug-bundle | Collect OCI instance diagnostics — serial console, cloud-init logs, metadata, and VCN flow logs —… | jeremylongshore |
| palantir-reference-architecture | Implement Palantir Foundry reference architecture with best-practice project layout. Use when des… | jeremylongshore |
| palantir-reference-architecture | Implement Palantir Foundry reference architecture with best-practice project layout. Use when des… | jeremylongshore |
| palantir-webhooks-events | Implement Palantir Foundry webhook handling for Ontology change events. Use when reacting to Onto… | jeremylongshore |
| palantir-webhooks-events | Implement Palantir Foundry webhook handling for Ontology change events. Use when reacting to Onto… | jeremylongshore |
| performance-lighthouse-runner | Manage performance lighthouse runner operations. Auto-activating skill for Frontend Development. … | jeremylongshore |
| performance-lighthouse-runner | Manage performance lighthouse runner operations. Auto-activating skill for Frontend Development. … | jeremylongshore |
| perplexity-architecture-variants | Choose and implement Perplexity architecture blueprints for different scales: direct search widge… | jeremylongshore |
| perplexity-architecture-variants | Choose and implement Perplexity architecture blueprints for different scales: direct search widge… | jeremylongshore |
| php-pro | Use when building PHP applications with modern PHP 8.3+ features, Laravel, or Symfony frameworks…. | Jeffallan |
| pinia-store-setup | Configure pinia store setup operations. Auto-activating skill for Frontend Development. Triggers … | jeremylongshore |
| pinia-store-setup | Configure pinia store setup operations. Auto-activating skill for Frontend Development. Triggers … | jeremylongshore |
| pitch-landing | Use when asked to structure a landing page for positioning, plan a conversion-optimized page layo… | jeremylongshore |
| pitch-landing | Use when asked to structure a landing page for positioning, plan a conversion-optimized page layo… | jeremylongshore |
| playground | Creates interactive HTML playgrounds — self-contained single-file explorers that let users config… | anthropics |
| playwright | Use when the task requires automating a real browser from the terminal (navigation, form filling,… | davila7 |
| playwright-expert | Use when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky br… | Jeffallan |
| playwright-skill | Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts … | lackeyjb |
| playwright-skill | Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts … | davila7 |
| plotly | Interactive scientific and statistical data visualization library for Python. Use when creating c… | davila7 |
| Plugin Structure | This skill should be used when the user asks to “create a plugin”, “scaffold a plugin”, “understa… | anthropics |
| Plugin Structure | This skill should be used when the user asks to “create a plugin”, “scaffold a plugin”, “understa… | davila7 |
| plugin-forge | Create and manage Claude Code plugins with proper structure, manifests, and marketplace integrati… | davila7 |
| plugin-structure | This skill should be used when the user asks to “create a plugin”, “scaffold a plugin”, “understa… | anthropics |
| PocketBase SDK | JavaScript SDK usage for PocketBase client applications. Use when calling PocketBase from fronten… | davila7 |
| posthog-install-auth | Install and configure PostHog SDKs with authentication. Use when setting up posthog-js (browser),… | jeremylongshore |
| posthog-install-auth | Install and configure PostHog SDKs with authentication. Use when setting up posthog-js (browser),… | jeremylongshore |
| posthog-reference-architecture | Production PostHog architecture: event taxonomy, SDK layering, feature flag strategy, analytics m… | jeremylongshore |
| posthog-reference-architecture | Production PostHog architecture: event taxonomy, SDK layering, feature flag strategy, analytics m… | jeremylongshore |
| posthog-sdk-patterns | Production-ready PostHog SDK patterns: singleton client, typed events, React hooks, Next.js App R… | jeremylongshore |
| posthog-sdk-patterns | Production-ready PostHog SDK patterns: singleton client, typed events, React hooks, Next.js App R… | jeremylongshore |
| pptx | Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx… | mrgoonie |
| pptx | Use this skill any time a .pptx file is involved in any way — as input, output, or both. This inc… | K-Dense-AI |
| pptx | Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx… | ComposioHQ |
| pptx | Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx… | Prat011 |
| pptx | Use this skill any time a .pptx file is involved in any way — as input, output, or both. This inc… | davila7 |
| pptx | Use this skill any time a .pptx file is involved in any way — as input, output, or both. This inc… | anthropics |
| pptx-posters | Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY w… | K-Dense-AI |
| premium-web-design | Create premium, Awwwards-quality website designs as React (.jsx) components that look like they w… | davila7 |
| presentation-design-enhancer | Transform text-heavy slides into visual storytelling. Suggest layout improvements, icon usage, an… | OneWave-AI |
| prism | Frontend engineer — UI components, dashboards, design system implementation, and frontend audits. | jeremylongshore |
| prism | Frontend engineer — UI components, dashboards, design system implementation, and frontend audits. | jeremylongshore |
| prism-audit | Frontend audit — bundle size, dependencies, accessibility, performance, component quality. Use wh… | jeremylongshore |
| prism-audit | Frontend audit — bundle size, dependencies, accessibility, performance, component quality. Use wh… | jeremylongshore |
| prism-chart | Use when asked to implement a chart, select a visualization type, or build a data display compone… | jeremylongshore |
| prism-chart | Use when asked to implement a chart, select a visualization type, or build a data display compone… | jeremylongshore |
| prism-component | Implement a reusable, accessible, typed component from a design spec. Use when asked to “create a… | jeremylongshore |
| prism-component | Implement a reusable, accessible, typed component from a design spec. Use when asked to “create a… | jeremylongshore |
| prism-recon | Frontend reconnaissance — map the component tree, routing, state management, build config, and as… | jeremylongshore |
| prism-recon | Frontend reconnaissance — map the component tree, routing, state management, build config, and as… | jeremylongshore |
| prism-stack | Use when asked for framework-specific best practices, implementation guidelines for React/Vue/Sve… | jeremylongshore |
| prism-stack | Use when asked for framework-specific best practices, implementation guidelines for React/Vue/Sve… | jeremylongshore |
| prism-ui | Implement a complete UI screen or feature from a Form visual spec. Use when asked to “build a pag… | jeremylongshore |
| prism-ui | Implement a complete UI screen or feature from a Form visual spec. Use when asked to “build a pag… | jeremylongshore |
| Productboard Automation | Automate product management workflows in Productboard – manage features, notes, objectives, comp… | ComposioHQ |
| project-planner | Comprehensive project planning and documentation generator for software projects. Creates structu… | adrianpuiu |
| proof-e2e | Build E2E test specs for critical user journeys — Playwright or Cypress, page objects, setup/tear… | jeremylongshore |
| proof-e2e | Build E2E test specs for critical user journeys — Playwright or Cypress, page objects, setup/tear… | jeremylongshore |
| providing-performance-optimization-advice | Provide comprehensive prioritized performance optimization recommendations for frontend, backend,… | jeremylongshore |
| providing-performance-optimization-advice | Provide comprehensive prioritized performance optimization recommendations for frontend, backend,… | jeremylongshore |
| pwa-manifest-generator | Pwa Manifest Generator - Auto-activating skill for Frontend Development. Triggers on: pwa manifes… | jeremylongshore |
| pwa-manifest-generator | Pwa Manifest Generator - Auto-activating skill for Frontend Development. Triggers on: pwa manifes… | jeremylongshore |
| pylabrobot | Laboratory automation toolkit for controlling liquid handlers, plate readers, pumps, heater shake… | davila7 |
| python-design-patterns | Python design patterns including KISS, Separation of Concerns, Single Responsibility, and composi… | wshobson |
| python-project-structure | Python project organization, module architecture, and public API design. Use when setting up new … | wshobson |
| rdkit | Cheminformatics toolkit for fine-grained molecular control. SMILES/SDF parsing, descriptors (MW, … | K-Dense-AI |
| rdkit | Cheminformatics toolkit for fine-grained molecular control. SMILES/SDF parsing, descriptors (MW, … | davila7 |
| react-best-practices | Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating wat… | davila7 |
| react-component-generator | Generate React components with TypeScript, proper props, hooks, and accessibility. Use when creat… | OneWave-AI |
| react-component-generator | React Component Generator - Auto-activating skill for Frontend Development. Triggers on: react co… | jeremylongshore |
| react-component-generator | React Component Generator - Auto-activating skill for Frontend Development. Triggers on: react co… | jeremylongshore |
| react-component-performance | Diagnose slow React components and suggest targeted performance fixes. | davila7 |
| react-context-setup | Configure react context setup operations. Auto-activating skill for Frontend Development. Trigger… | jeremylongshore |
| react-context-setup | Configure react context setup operations. Auto-activating skill for Frontend Development. Trigger… | jeremylongshore |
| react-dev | This skill should be used when building React components with TypeScript, typing hooks, handling … | davila7 |
| react-expert | Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or c… | Jeffallan |
| react-hook-creator | Create react hook creator operations. Auto-activating skill for Frontend Development. Triggers on… | jeremylongshore |
| react-hook-creator | React Hook Creator - Auto-activating skill for Frontend Development. Triggers on: react hook crea… | jeremylongshore |
| react-modernization | Upgrade React applications to latest versions, migrate from class components to hooks, and adopt … | wshobson |
| react-native-architecture | Production-ready patterns for React Native development with Expo, including navigation, state man… | davila7 |
| react-native-architecture | Build production React Native apps with Expo, navigation, native modules, offline sync, and cross… | wshobson |
| react-native-design | Master React Native styling, navigation, and Reanimated animations for cross-platform mobile deve… | wshobson |
| react-native-expert | Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Impl… | Jeffallan |
| react-patterns | Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices. | davila7 |
| react-state-management | Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use whe… | davila7 |
| react-state-management | Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use whe… | wshobson |
| react-ui-patterns | Modern React UI patterns for loading states, error handling, and data fetching. Use when building… | davila7 |
| react-useeffect | React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState… | davila7 |
| reactome-database | Query Reactome REST API for pathway analysis, enrichment, gene-pathway mapping, disease pathways,… | davila7 |
| redux-slice-generator | Redux Slice Generator - Auto-activating skill for Frontend Development. Triggers on: redux slice … | jeremylongshore |
| redux-slice-generator | Generate redux slice generator operations. Auto-activating skill for Frontend Development. Trigge… | jeremylongshore |
| refactoring-ui | Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions … | jeremylongshore |
| refactoring-ui | Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions … | jeremylongshore |
| remotion | Best practices and comprehensive guide for Remotion - programmatic video creation in React with a… | davila7 |
| remotion-best-practices | Best practices for Remotion - Video creation in React | davila7 |
| replit-reference-architecture | Implement Replit reference architecture with best-practice project layout, data layer, and deploy… | jeremylongshore |
| replit-reference-architecture | Implement Replit reference architecture with best-practice project layout, data layer, and deploy… | jeremylongshore |
| responsive-breakpoint-analyzer | Analyze responsive breakpoint analyzer operations. Auto-activating skill for Frontend Development… | jeremylongshore |
| responsive-breakpoint-analyzer | Analyze responsive breakpoint analyzer operations. Auto-activating skill for Frontend Development… | jeremylongshore |
| responsive-design | Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobi… | wshobson |
| responsive-layout-builder | Build responsive layouts with CSS Grid, Flexbox, and container queries. Use when creating respons… | OneWave-AI |
| running-e2e-tests | Execute end-to-end tests covering full user workflows across frontend and backend. Use when perfo… | jeremylongshore |
| running-e2e-tests | Execute end-to-end tests covering full user workflows across frontend and backend. Use when perfo… | jeremylongshore |
| running-integration-tests | Execute integration tests validating component interactions and system integration. Use when perf… | jeremylongshore |
| running-integration-tests | Execute integration tests validating component interactions and system integration. Use when perf… | jeremylongshore |
| salesforce-developer | Writes and debugs Apex code, builds Lightning Web Components, optimizes SOQL queries, implements … | Jeffallan |
| salesforce-development | Expert patterns for Salesforce platform development including Lightning Web Components (LWC), Ape… | davila7 |
| salesforce-reference-architecture | Implement Salesforce integration reference architecture with jsforce, SFDX, and event-driven patt… | jeremylongshore |
| salesforce-reference-architecture | Implement Salesforce integration reference architecture with jsforce, SFDX, and event-driven patt… | jeremylongshore |
| scala-pro | Master enterprise-grade Scala development with functional programming, distributed systems, and b… | davila7 |
| scientific-visualization | Meta-skill for publication-ready figures. Use when creating journal submission figures requiring … | K-Dense-AI |
| scientific-visualization | Create publication figures with matplotlib/seaborn/plotly. Multi-panel layouts, error bars, signi… | davila7 |
| scrapling-skill | Install, troubleshoot, and use Scrapling CLI to extract HTML, Markdown, or text from webpages. Us… | daymade |
| screenshot-to-code | Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components,… | OneWave-AI |
| senior-architect | Comprehensive software architecture skill for designing scalable, maintainable systems using Reac… | davila7 |
| senior-frontend | Comprehensive frontend development skill for building modern, performant web applications using R… | davila7 |
| senior-fullstack | Comprehensive fullstack development skill for building complete web applications with React, Next… | davila7 |
| senior-qa | Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies… | davila7 |
| sentry-architecture-variants | Configure Sentry error tracking and performance monitoring for different application architecture… | jeremylongshore |
| sentry-architecture-variants | Configure Sentry error tracking and performance monitoring for different application architecture… | jeremylongshore |
| sentry-rate-limits | Manage Sentry rate limits, quotas, and event volume optimization. Use when hitting 429 errors, tu… | jeremylongshore |
| sentry-rate-limits | Manage Sentry rate limits, quotas, and event volume optimization. Use when hitting 429 errors, tu… | jeremylongshore |
| seo-meta-generator | Seo Meta Generator - Auto-activating skill for Frontend Development. Triggers on: seo meta genera… | jeremylongshore |
| seo-meta-generator | Seo Meta Generator - Auto-activating skill for Frontend Development. Triggers on: seo meta genera… | jeremylongshore |
| session-report | Generate an explorable HTML report of Claude Code session usage (tokens, cache, subagents, skills… | anthropics |
| shadcn | Manages shadcn/ui components and projects, providing context, documentation, and usage patterns f… | davila7 |
| shopify | Build Shopify applications, extensions, and themes using GraphQL/REST APIs, Shopify CLI, Polaris … | mrgoonie |
| shopify-apps | Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with… | davila7 |
| shopify-checkout-extensions | Build Checkout UI Extensions to customize Shopify checkout with sandboxed React-like components. … | jeremylongshore |
| shopify-checkout-extensions | Build Checkout UI Extensions to customize Shopify checkout with sandboxed React-like components. … | jeremylongshore |
| shopify-expert | Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify a… | Jeffallan |
| shopify-reference-architecture | Implement Shopify app reference architecture with Remix, Prisma session storage, and the official… | jeremylongshore |
| shopify-reference-architecture | Implement Shopify app reference architecture with Remix, Prisma session storage, and the official… | jeremylongshore |
| shopify-storefront-headless | Build headless storefronts with Shopify’s Storefront API and Cart API. Use when building custom f… | jeremylongshore |
| shopify-storefront-headless | Build headless storefronts with Shopify’s Storefront API and Cart API. Use when building custom f… | jeremylongshore |
| Simplification Cascades | Find one insight that eliminates multiple components - “if this is true, we don’t need X, Y, or Z” | mrgoonie |
| skyvern | PREFER Skyvern CLI over WebFetch for ANY task involving real websites — scraping dynamic pages, f… | jeremylongshore |
| skyvern | PREFER Skyvern CLI over WebFetch for ANY task involving real websites — scraping dynamic pages, f… | jeremylongshore |
| slack-automation | Automate Slack workspace operations including messaging, search, channel management, and reaction… | davila7 |
| slack-bot-builder | Build Slack apps using the Bolt framework across Python, JavaScript, and Java. Covers Block Kit f… | davila7 |
| snowflake-install-auth | Install and configure Snowflake driver authentication for Node.js and Python. Use when setting up… | jeremylongshore |
| snowflake-install-auth | Install and configure Snowflake driver authentication for Node.js and Python. Use when setting up… | jeremylongshore |
| snowflake-reference-architecture | Implement Snowflake reference architecture with medallion pattern and Snowflake-native design. Us… | jeremylongshore |
| snowflake-reference-architecture | Implement Snowflake reference architecture with medallion pattern and Snowflake-native design. Us… | jeremylongshore |
| spine-design | Produce a system design doc — components, data flow, decisions made, tradeoffs, failure modes. No… | jeremylongshore |
| spine-design | Produce a system design doc — components, data flow, decisions made, tradeoffs, failure modes. No… | jeremylongshore |
| sports-meme-creator | Generate sport-specific memes from games/moments. Current event reactive content, popular templat… | OneWave-AI |
| spring-boot-engineer | Generates Spring Boot 3.x configurations, creates REST controllers, implements Spring Security 6 … | Jeffallan |
| stackblitz-ci-integration | CI testing for WebContainer apps with Playwright browser tests. Use when working with WebContaine… | jeremylongshore |
| stackblitz-ci-integration | CI testing for WebContainer apps with Playwright browser tests. Use when working with WebContaine… | jeremylongshore |
| stackblitz-core-workflow-a | Build a browser-based code editor with WebContainers: file tree, editor, terminal, and preview. U… | jeremylongshore |
| stackblitz-core-workflow-a | Build a browser-based code editor with WebContainers: file tree, editor, terminal, and preview. U… | jeremylongshore |
| stackblitz-hello-world | Boot a WebContainer, mount files, install npm packages, and run a dev server in the browser. Use … | jeremylongshore |
| stackblitz-hello-world | Boot a WebContainer, mount files, install npm packages, and run a dev server in the browser. Use … | jeremylongshore |
| stackblitz-install-auth | Install the WebContainer API and configure StackBlitz SDK for browser-based Node.js. Use when set… | jeremylongshore |
| stackblitz-install-auth | Install the WebContainer API and configure StackBlitz SDK for browser-based Node.js. Use when set… | jeremylongshore |
| stackblitz-local-dev-loop | Configure local development for WebContainer applications with hot reload and testing. Use when b… | jeremylongshore |
| stackblitz-local-dev-loop | Configure local development for WebContainer applications with hot reload and testing. Use when b… | jeremylongshore |
| stackblitz-prod-checklist | Production checklist for WebContainer apps: headers, browser support, fallbacks. Use when working… | jeremylongshore |
| stackblitz-prod-checklist | Production checklist for WebContainer apps: headers, browser support, fallbacks. Use when working… | jeremylongshore |
| stackblitz-reference-architecture | Production architecture for WebContainer-powered browser IDEs and playgrounds. Use when working w… | jeremylongshore |
| stackblitz-reference-architecture | Production architecture for WebContainer-powered browser IDEs and playgrounds. Use when working w… | jeremylongshore |
| stackblitz-sdk-patterns | Production patterns for WebContainer API: file system operations, process management, and jsh she… | jeremylongshore |
| stackblitz-sdk-patterns | Production patterns for WebContainer API: file system operations, process management, and jsh she… | jeremylongshore |
| statusline-generator | Configures and customizes Claude Code statuslines with context window display (actual token count… | daymade |
| styled-components-helper | Configure with styled components helper operations. Auto-activating skill for Frontend Developmen… | jeremylongshore |
| styled-components-helper | Styled Components Helper - Auto-activating skill for Frontend Development. Triggers on: styled co… | jeremylongshore |
| supabase-architecture-variants | Implement Supabase across different app architectures: Next.js SSR with server components using s… | jeremylongshore |
| supabase-architecture-variants | Implement Supabase across different app architectures: Next.js SSR with server components using s… | jeremylongshore |
| supabase-reference-architecture | Implement enterprise Supabase reference architectures — monorepo layout, multi-tenant RLS, micros… | jeremylongshore |
| supabase-reference-architecture | Implement enterprise Supabase reference architectures — monorepo layout, multi-tenant RLS, micros… | jeremylongshore |
| surge-landing | Use when asked to design growth-optimized landing pages, activation funnel layouts, or experiment… | jeremylongshore |
| surge-landing | Use when asked to design growth-optimized landing pages, activation funnel layouts, or experiment… | jeremylongshore |
| sveltekit | Build full-stack web applications with SvelteKit — file-based routing, SSR, SSG, API routes, and … | davila7 |
| tailwind-class-optimizer | Optimize tailwind class optimizer operations. Auto-activating skill for Frontend Development. Tri… | jeremylongshore |
| tailwind-class-optimizer | Optimize tailwind class optimizer operations. Auto-activating skill for Frontend Development. Tri… | jeremylongshore |
| tailwind-design-system | Build production-ready design systems with Tailwind CSS, including design tokens, component varia… | davila7 |
| tailwind-design-system | Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and respo… | wshobson |
| tailwind-patterns | Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design t… | davila7 |
| tanstack-query-expert | Expert in TanStack Query (React Query) — asynchronous state management. Covers data fetching, sta… | davila7 |
| terraform-module-library | Build reusable Terraform modules for AWS, Azure, GCP, and OCI infrastructure following infrastruc… | wshobson |
| testing-browser-compatibility | Test across multiple browsers and devices for cross-browser compatibility. Use when ensuring cros… | jeremylongshore |
| testing-browser-compatibility | Test across multiple browsers and devices for cross-browser compatibility. Use when ensuring cros… | jeremylongshore |
| testing-visual-regression | Detect visual changes in UI components using screenshot comparison. Use when detecting unintended… | jeremylongshore |
| testing-visual-regression | Detect visual changes in UI components using screenshot comparison. Use when detecting unintended… | jeremylongshore |
| theme-factory | Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML… | ComposioHQ |
| theme-factory | Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML… | Prat011 |
| theme-factory | Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML… | davila7 |
| theme-factory | Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML… | anthropics |
| touch-feature | Produce a mobile feature spec — user story, technical approach, component breakdown, platform-spe… | jeremylongshore |
| touch-feature | Produce a mobile feature spec — user story, technical approach, component breakdown, platform-spe… | jeremylongshore |
| traction-eos | Implement the Entrepreneurial Operating System (EOS) to align vision and execution across a compa… | jeremylongshore |
| traction-eos | Implement the Entrepreneurial Operating System (EOS) to align vision and execution across a compa… | jeremylongshore |
| transformers-js | Use Transformers.js to run state-of-the-art machine learning models directly in JavaScript/TypeSc… | huggingface |
| tunnel-doctor | Diagnoses and fixes conflicts between Tailscale and proxy/VPN tools (Shadowrocket, Clash, Surge) … | daymade |
| ui-design-system | UI design system toolkit for Senior UI Designer including design token generation, component docu… | davila7 |
| ui-styling | Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailw… | mrgoonie |
| ui-ux-pro-max | UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pa… | nextlevelbuilder |
| ui-ux-pro-max | UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, … | davila7 |
| unity-ecs-patterns | Master Unity ECS (Entity Component System) with DOTS, Jobs, and Burst for high-performance game d… | wshobson |
| vercel-react-best-practices | React and Next.js performance optimization guidelines from Vercel Engineering. This skill should … | CloudAI-X |
| vercel-react-best-practices | React and Next.js performance optimization guidelines from Vercel Engineering. This skill should … | davila7 |
| vercel-reference-architecture | Implement a Vercel reference architecture with layered project structure and best practices. Use … | jeremylongshore |
| vercel-reference-architecture | Implement a Vercel reference architecture with layered project structure and best practices. Use … | jeremylongshore |
| vercel-webhooks-events | Implement Vercel webhook handling with signature verification and event processing. Use when sett… | jeremylongshore |
| vercel-webhooks-events | Implement Vercel webhook handling with signature verification and event processing. Use when sett… | jeremylongshore |
| video-comparer | This skill should be used when comparing two videos to analyze compression results or quality dif… | daymade |
| volt-ota | Produce a complete OTA update system design — partition layout, update flow, rollback conditions,… | jeremylongshore |
| volt-ota | Produce a complete OTA update system design — partition layout, update flow, rollback conditions,… | jeremylongshore |
| vue-component-generator | Vue Component Generator - Auto-activating skill for Frontend Development. Triggers on: vue compon… | jeremylongshore |
| vue-component-generator | Generate vue component generator operations. Auto-activating skill for Frontend Development. Trig… | jeremylongshore |
| vue-composable-creator | Create vue composable creator operations. Auto-activating skill for Frontend Development. Trigger… | jeremylongshore |
| vue-composable-creator | Vue Composable Creator - Auto-activating skill for Frontend Development. Triggers on: vue composa… | jeremylongshore |
| vue-expert | Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets u… | Jeffallan |
| vue-expert-js | Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up ro… | Jeffallan |
| web-artifacts-builder | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fron… | davila7 |
| web-artifacts-builder | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fron… | anthropics |
| web-component-design | Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and… | wshobson |
| web-crawling | Use when scraping web pages, automating browser interactions, crawling sites for content, or extr… | jeremylongshore |
| web-crawling | Use when scraping web pages, automating browser interactions, crawling sites for content, or extr… | jeremylongshore |
| web-frameworks | Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, S… | mrgoonie |
| web-games | Web browser game development principles. Framework selection, WebGPU, optimization, PWA. | davila7 |
| web-testing | Web testing with Playwright, Vitest, k6. E2E/unit/integration/load/security/visual/a11y testing. … | mrgoonie |
| web-typography | Select, pair, and implement typefaces for web projects. Use when the user mentions “font pairing”… | jeremylongshore |
| web-typography | Select, pair, and implement typefaces for web projects. Use when the user mentions “font pairing”… | jeremylongshore |
| web-vitals-monitor | Monitor web vitals monitor operations. Auto-activating skill for Frontend Development. Triggers o… | jeremylongshore |
| web-vitals-monitor | Web Vitals Monitor - Auto-activating skill for Frontend Development. Triggers on: web vitals moni… | jeremylongshore |
| webapp-testing | Toolkit for interacting with and testing local web applications using Playwright. Supports verify… | ComposioHQ |
| webapp-testing | Toolkit for interacting with and testing local web applications using Playwright. Supports verify… | Prat011 |
| webapp-testing | Toolkit for interacting with and testing local web applications using Playwright. Supports verify… | davila7 |
| webapp-testing | Toolkit for interacting with and testing local web applications using Playwright. Supports verify… | anthropics |
| windsurf-architecture-variants | Choose workspace architectures for different project scales in Windsurf. Use when deciding how to… | jeremylongshore |
| windsurf-architecture-variants | Choose workspace architectures for different project scales in Windsurf. Use when deciding how to… | jeremylongshore |
| windsurf-performance-tuning | Optimize Windsurf IDE performance: indexing speed, Cascade responsiveness, and memory usage. Use … | jeremylongshore |
| windsurf-performance-tuning | Optimize Windsurf IDE performance: indexing speed, Cascade responsiveness, and memory usage. Use … | jeremylongshore |
| xlsx | Use this skill any time a spreadsheet file is the primary input or output. This means any task wh… | K-Dense-AI |
| xlsx | Use this skill any time a spreadsheet file is the primary input or output. This means any task wh… | davila7 |
| xlsx | Use this skill any time a spreadsheet file is the primary input or output. This means any task wh… | anthropics |
| zod-validation-expert | Expert in Zod — TypeScript-first schema validation. Covers parsing, custom errors, refinements, t… | davila7 |
| zustand-store-creator | Create zustand store creator operations. Auto-activating skill for Frontend Development. Triggers… | jeremylongshore |
| zustand-store-creator | Zustand Store Creator - Auto-activating skill for Frontend Development. Triggers on: zustand stor… | jeremylongshore |