Web & Frontend
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
-
gptomics Bundle Bio Workflows Cytometry PipelineEnd-to-end flow, spectral, and mass cytometry (CyTOF) pipeline from raw FCS files to differentially abundant/expressed cell populations. Orchestrates the read -> compensate/unmix -> transform -> QC -> doublet-removal -> cluster-or-gate -> annotate -> diffcyt DA/DS chain with flowCore/CATALYST/diffcyt, branching on instrument type and on clustering-vs-gating. Use when processing a cytometry experiment end-to-end, deciding the pipeline path for an instrument, or wiring the flow-cytometry component skills into one analysis with valid sample-level statistics.
-
oimiragieo Bundle Starknet React RulesSpecific rules for Starknet React projects, focusing on blockchain integration.
0 -
oimiragieo Bundle UI Components ExpertUI component library expert including Chakra, Material UI, and Mantine
0 -
gptomics Bundle Bio Workflows Proteomics PipelineOrchestrates bottom-up proteomics from a search engine's output (MaxQuant/FragPipe/DIA-NN) to differential protein abundance with limma/DEqMS/MSstats. Use when committing the search database + acquisition mode (DDA vs DIA) up front, re-controlling FDR at PSM AND peptide AND protein-group level (not just PSM), removing contaminant/reverse rows and inspecting RAW distributions before normalizing, bridging cross-plex TMT with an IRS reference channel, modeling MNAR missingness rather than downshift-imputing on/off proteins, batching as a covariate (not pre-subtracted), and testing with treat()/DEqMS. Hands mechanism to the proteomics component skills; not a re-teach of any single step.
-
sboghossian-mini-claude-for-legal Skill Docs Status Page ReaderUse when the platform or a specific Louis component (API, chat, OCR, drafting engine, citation lookup) appears degraded or unavailable, and the system or a user needs to surface the current operational status. Drives in-product status banners, support triage, and incident communication by reading the live status page and reporting per-component health.
-
oimiragieo Bundle Next Cache ComponentsNext.js 16 caching model expertise covering the 'use cache' directive, cacheLife() API, cacheTag() for invalidation, cacheComponents configuration, and Partial Prerendering (PPR). Use when implementing caching strategies in Next.js 16+ applications, migrating from unstable_cache, or optimizing server component rendering.
0 -
oimiragieo Bundle Regulatory ComplianceValidate systems and processes against GDPR/CCPA privacy regulations, privacy-by-design principles, ADA/WCAG accessibility standards, data processing agreements (DPAs), and provide compliance checklists with regulatory change monitoring guidance.
0 -
oimiragieo Bundle Web Artifacts BuilderBuild elaborate, multi-component web artifacts using React 18 + TypeScript + Tailwind CSS + shadcn/ui. Produces a single self-contained HTML file with all assets inlined. Use for complex artifacts requiring state management, routing, or shadcn/ui components. NOT for simple single-file HTML/JSX.
0 -
gptomics Bundle Bio Workflows Longread Sv PipelineOrchestrates an end-to-end long-read structural-variant pipeline - basecalling to minimap2 alignment (platform-matched preset) to Sniffles2/cuteSV/pbsv calling to optional assembly-based calling (dipcall/PAV) to two-step .snf cohort merging to Truvari benchmarking - chaining ONT and PacBio HiFi runs while handing the SV signal mechanism off to the component skills. Use when running a long-read SV workflow from reads to a benchmarked callset, choosing the minimap2 preset and SV caller by platform and goal, deciding when long reads are worth it for the insertions and repeat-mediated SVs short reads physically miss, building a joint-genotyped cohort with the two-step .snf design, or parameterizing a Truvari benchmark against GIAB HG002 Tier 1 plus CMRG. Not for the SV signal mechanism itself (see variant-calling/structural-variant-calling) or short-read SV.
-
gptomics Bundle Bio Workflows Methylation PipelineOrchestrates the end-to-end bisulfite/EM-seq methylation pipeline from FASTQ to differentially methylated regions, chaining Trim Galore/fastp QC, Bismark alignment + deduplication, methylation calling, methylKit coverage-filtering/normalization, and selection-aware DMR detection (dmrseq/DSS). Use when gating the run on bisulfite conversion (lambda + pUC19 controls) BEFORE any beta value, committing the genome build + library directionality once, keeping mate-overlap deduplicated (--no_overlap), M-bias-trimming from the plot, filtering coverage before testing, choosing a count model (beta-binomial/DSS) over a bare-beta t-test, or using a region-selection-aware FDR (dmrseq/DSS) rather than raw methylKit tiles. Hands mechanism to the methylation-analysis component skills; not a re-teach of any single step.
-
gptomics Bundle Bio Workflows Multi Omics PipelineOrchestrates VERTICAL bulk multi-omics integration (RNA + protein + methylation on the SAME samples) from harmonization to a validated result, routing to MOFA2 (shared factors), mixOmics/DIABLO (predictive signature), or SNF (patient subtypes). Use when confirming the correspondence is vertical (not horizontal same-features-different-cohorts), joining on a stable sample primary key rather than cbind on assumed row order, normalizing each omic in its OWN space and equalizing block variance BEFORE stacking (or the widest omic hijacks every shared factor), correcting batch ONCE in one place, and validating in a HELD-OUT cohort because in-cohort CV at n<<p is optimistically biased. Hands mechanism to the multi-omics-integration component skills; not a re-teach of any single step.
-
sboghossian-mini-claude-for-legal Skill Eval Leaderboard UpdaterUse when implementing or operating the component that records benchmark run scores to the internal quality leaderboard and weekly AI quality trend report. Maintains the historical score series, computes week-over-week deltas, and surfaces the trend data to the engineering and product teams.
-
sboghossian-mini-claude-for-legal Skill Eval Regression DetectorUse when implementing or triggering the component that compares current benchmark run scores to the previous run and raises alerts when quality drops below threshold. Defines the regression rules, alert thresholds, escalation actions, and investigation flow for quality regressions in the legal AI system.
-
sboghossian-mini-claude-for-legal Skill Justice Intent How ToUse when the public-facing assistant detects a procedural or task-oriented question from a user who wants to know how to accomplish something within Louis or with the legal system — "How do I draft a contract?", "How do I upload a document?", "How do I start a case?". Routes to step-by-step in-chat guidance, help documentation, or onboarding flows. Covers all jurisdictions; central to the Justice accessibility mission of making legal processes legible to non-experts.
-
gptomics Bundle Bio Hi C Analysis Hichip Plac LoopsCalls significant loops from protein-directed and targeted 3C assays (HiChIP, PLAC-seq, Capture Hi-C/PCHi-C, ChIA-PET) where the contact background is peak-anchored and coverage-biased, so generic Hi-C loop callers (cooltools dots, Juicer HiCCUPS) use the wrong null. Covers FitHiChIP (config-driven coverage+distance-decay spline regression, peak-to-peak vs peak-to-all foreground, loose vs stringent background, coverage vs ICE bias), MAPS (positive Poisson regression on bias factors for PLAC-seq/HiChIP), hichipper (restriction-site-distance bias model + library QC), CHiCAGO (Delaporte two-component Brownian+technical background for asymmetric bait x other-end Capture Hi-C), the with/without separate-ChIP anchor decision, and differential loops via diffloop. Use when calling loops from HiChIP/PLAC-seq/Capture Hi-C, choosing FitHiChIP/MAPS/CHiCAGO, picking peak-to-all vs peak-to-peak, setting the loop FDR, supplying ChIP peaks as anchors, QCing a HiChIP library, or comparing loops between conditions.
-
oimiragieo Bundle React Native Skills VercelReact Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
0 -
gptomics Bundle Bio Workflows Metabolomics PipelineOrchestrates the untargeted LC-MS metabolomics pipeline end-to-end (xcms 4.x feature extraction, QC/drift/normalization, confidence-stratified annotation, permutation-validated statistics, background-aware pathway mapping), naming what each stage decides and where it silently fails. Use when running a full LC-MS metabolomics study from raw mzML to enriched pathways and needing the honest handoffs between stages. Each stage defers to its component skill for parameters and traps; for stable-isotope flux (a separate branch, not this untargeted flow) see metabolomics/isotope-tracing.
-
sboghossian-mini-claude-for-legal Skill Justice Intent SupportUse when the public-facing assistant detects that a user needs product support — reporting a bug, asking for help with a workflow, requesting account assistance, or escalating a billing or access issue. Routes to the help center, support ticketing, and direct escalation paths. Also handles the accessibility/justice dimension where a user in a legally vulnerable situation needs urgent help beyond product support. Covers all jurisdictions.
-
oimiragieo Bundle Tauri Svelte UI ComponentsRules specific to Svelte UI component development in Tauri applications.
0 -
oimiragieo Bundle React Best Practices VercelReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
0 -
sboghossian-mini-claude-for-legal Skill Output PDF Export StyleUse when Claude or a downstream tool must render a legal document to PDF — whether from Markdown, DOCX, or a direct generation pipeline. Covers generation path, style requirements, security options, accessibility, and the specific rules for court-filing-grade PDF/A. Triggers on any document generation task where the final deliverable is a PDF file.
-
gptomics Bundle Bio Workflows Liquid Biopsy PipelineOrchestrates the cell-free DNA / liquid-biopsy pipeline from plasma sequencing to tumor monitoring, forking tumor-naive (screening) vs tumor-informed (MRD), and chaining pre-analytic QC, UMI/duplex error-suppression (fgbio), fragment QC, ichorCNA tumor fraction (sWGS) or VarDict low-VAF calling (panel), CHIP subtraction against matched WBC, optional fragmentomics/methylation, and longitudinal tracking. Use when treating pre-analytics as the irreversible sensitivity ceiling (tube/time-to-plasma/hemolysis), running error-suppression BEFORE calling (single-strand consensus does not remove deamination; only duplex does), reporting a VAF only with input genome-equivalents (TF ~ 2x VAF only for clonal-het-diploid), subtracting CHIP before reporting somatic, or keeping tube/panel/pipeline identical across a longitudinal MRD series. Hands mechanism to the liquid-biopsy component skills; not a re-teach of any single step.
-
intent-solutions-io Skill Tracking Application Response TimesThis skill enables Claude to track and optimize application response times. It uses the response-time-tracker plugin to monitor API endpoints, database queries, external service calls, frontend rendering, and background job execution. The plugin calculates P50, P95, and P99 percentiles, average and maximum response times. Use this skill when you need to identify performance bottlenecks, monitor SLOs, or receive alerts about performance degradation. Trigger this skill with phrases like "track response times", "optimize latency", or "monitor application performance".
-
sboghossian-mini-claude-for-legal Skill Voice Short Spoken OutputUse when the platform surface is voice (smart speaker, phone call, driving mode, accessibility TTS) and the response must be optimized for spoken delivery rather than reading. This P0 format skill enforces prose-only output, a 150-word ceiling, short sentences, spelled-out numbers, expanded acronyms, and pause-friendly punctuation — overriding all default markdown and list-based output conventions.
-
gptomics Bundle Bio Sashimi PlotsCreates sashimi-style plots showing RNA-seq read coverage and splice junction counts using ggsashimi (general-purpose, condition-grouped overlays), rmats2sashimiplot (rMATS-output-aware), MAJIQ-VOILA (LSV posteriors interactive HTML), leafviz (leafcutter clusters Shiny), Jutils (tool-agnostic heatmaps and sashimi for rMATS/leafcutter/MntJULiP/MAJIQ output), or pyGenomeTracks (multi-track publication figures). Tool choice depends on the upstream differential-splicing tool's output format and the publication vs interactive use case. Use when visualizing specific splicing events, validating differential splicing calls, or producing publication-quality figures.
-
gptomics Bundle Bio Generative DesignDesigns novel molecules using REINVENT 4 (de novo, scaffold decoration, linker design, R-group, molecular optimization), MolMIM, Diffusion-based generators (DiGress, DiffSMol), and JT-VAE with explicit handling of multi-parameter optimization (MPO), goal-directed scoring functions, transfer/reinforcement/curriculum learning, synthetic accessibility scoring, and chemical space exploration vs exploitation. Use when designing new chemical matter against a target, decorating a scaffold, linking fragments, or optimizing a hit for multiple ADMET / activity properties simultaneously.
-
intent-solutions-io Skill Performing Visual Regression TestingThis skill enables Claude to execute visual regression tests using tools like Percy, Chromatic, and BackstopJS. It captures screenshots, compares them against baselines, and analyzes visual differences to identify unintended UI changes. Use this skill when the user requests visual testing, UI change verification, or regression testing for a web application or component. Trigger phrases include "visual test," "UI regression," "check visual changes," or "/visual-test".
-
intent-solutions-io Skill Scanning For Accessibility IssuesThis skill enables Claude to perform comprehensive accessibility audits. It uses the accessibility-test-scanner plugin to identify WCAG 2.1/2.2 compliance issues, validate ARIA attributes, check keyboard navigation, and assess screen reader compatibility. Use this skill when the user requests an accessibility scan, audit, or compliance check, or when terms like "WCAG", "ARIA", "screen reader", "accessibility testing", or "a11y" are mentioned. It provides actionable insights for improving web application accessibility.
-
intent-solutions-io Skill Generating Database DocumentationThis skill enables Claude to automatically generate comprehensive documentation for existing database schemas using the database-documentation-gen plugin. It is triggered when the user requests database documentation, ERD diagrams, or a data dictionary. The plugin supports multiple database engines and generates documentation that includes ERD diagrams, table relationships, column descriptions, indexes, triggers, stored procedures, and interactive HTML documentation. Use this skill when you need to document existing database schemas for team onboarding, architectural reviews, or data governance purposes. The trigger terms include "database documentation", "ERD diagram", "data dictionary", and `/db-docs`.
-
intent-solutions-io Skill Google Cloud Agent Sdk MasterAutomatic activation for ALL Google Cloud Agent Development Kit (ADK) and Agent Starter Pack operations - multi-agent systems, containerized deployment, RAG agents, and production orchestration. **TRIGGER PHRASES:** - "adk", "agent development kit", "agent starter pack", "multi-agent", "build agent" - "cloud run agent", "gke deployment", "agent engine", "containerized agent" - "rag agent", "react agent", "agent orchestration", "agent templates" **AUTO-INVOKES FOR:** - Agent creation and scaffolding - Multi-agent system design - Containerized agent deployment - RAG (Retrieval-Augmented Generation) implementation - CI/CD pipeline setup for agents - Agent evaluation and monitoring
-
gptomics Bundle Bio Atac Seq Differential AccessibilityIdentify differentially accessible chromatin regions across conditions using DiffBind, csaw, DESeq2, or edgeR. Use when comparing ATAC-seq accessibility between treatment groups, choosing between consensus-peak vs sliding-window approaches, picking the correct normalization (full library vs reads-in-peaks), correcting batch with SVA/RUVseq, or interpreting log2FC and FDR thresholds in a chromatin context.
-
yongjianwan Skill Accessibility ReviewAudit designs and code for WCAG 2.1 AA compliance. Trigger with "is this accessible", "accessibility check", "WCAG audit", "can screen readers use this", "color contrast", or when the user asks about making designs or code accessible to all users.
-
atilamedeiros Bundle ImagenGera imagens a partir de prompts de texto usando o modelo de geração de imagens do Google Gemini, salvando automaticamente o arquivo PNG no projeto para uso em frontend, documentação ou assets visuais.
-
sboghossian-mini-claude-for-legal Skill Output Voice Friendly ShortUse when Claude must produce output optimised for voice delivery or screen-reader consumption — short sentences, no nested clauses, no footnotes, no tables, no inline citations. Applies across all jurisdictions. Triggers when a voice interface, voice assistant integration, or accessibility context is active, or when the user explicitly requests a spoken-format answer.
-
sboghossian-mini-claude-for-legal Skill Tool Calculator Stamp Duty TaxUse when computing stamp duty, transfer tax, or real-estate transaction tax on property or share transfers across MENA and European jurisdictions. Covers UAE (Dubai DLD 4%, Abu Dhabi 2%), KSA (RETT 5%), Lebanon (5–7% registration + stamp), UK (SDLT with residential surcharges), and France (droits d'enregistrement ~5.8%). Returns computed tax, breakdown by component, applicable exemptions, and jurisdiction-specific structuring notes.
-
sboghossian-mini-claude-for-legal Skill Justice Intent Developer APIUse when the public-facing assistant detects that a user is a developer asking about API access, SDK integration, webhooks, or building on top of Louis. Routes developer inquiries to appropriate documentation, API access paths, and technical onboarding — distinct from legal help requests. Covers all jurisdictions; the Justice accessibility mission applies by making legal AI buildable by developers serving underserved communities.
Frequently asked questions
What are Web & Frontend agent skills?
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Which Web & Frontend skills are most installed?
Popular Web & Frontend skills on SkillMD right now include react-best-practices-vercel, bio-workflows-cytometry-pipeline, starknet-react-rules. Rankings shift as installs change; sort this page by "Most installs" for the live list.
Do Web & Frontend skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.