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.
-
fridrichmethod Bundle Bio Atac Seq Consensus PeaksetBuild a differential-ready consensus peakset from per-replicate ATAC-seq peaks using iterative overlap removal, fixed-width re-centering, and majority-rule overlap. Use when generating a stable peak coordinate system for downstream differential accessibility, ML feature engineering, cross-sample comparison, or fixed-width peak counts; covers Corces 2018 iterative overlap (501 bp), DiffBind summit re-centering, and ENCODE consistency rules.
-
fridrichmethod 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.
-
fridrichmethod 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.
-
fridrichmethod Bundle Bio Workflows Splicing PipelineOrchestrates the end-to-end bulk short-read alternative-splicing pipeline from FASTQ to differential splicing, chaining fastp QC, cohort-consistent STAR 2-pass alignment (one shared junction DB), junction QC, event-level differential splicing (rMATS-turbo + leafcutter, optional MAJIQ V3), parallel isoform-level DTU (Salmon -> tximport dtuScaledTPM -> DRIMSeq/DEXSeq -> stageR), and sashimi visualization. Use when committing the annotation GTF and a shared 2-pass junction database for the whole cohort, keeping the analysis at splice-aware resolution (never collapsing to gene), choosing event-level vs isoform-level DTU and reconciling them, applying the stageR two-stage gene->transcript FDR, or off-ramping to splice-variant / outlier / long-read / single-cell splicing. Hands mechanism to the alternative-splicing component skills; not a re-teach of any single step.
-
fridrichmethod Bundle Bio Atac Seq Deep Learning AtacSequence-based deep learning for ATAC-seq using chromBPNet, BPNet, scBasset, or Enformer. Use when correcting Tn5 bias with neural networks beyond k-mer models, predicting per-base accessibility profiles, scoring in silico variant effects at GWAS or rare-variant SNPs, discovering motifs via DeepLIFT/TF-MoDISco from a trained model, or generating cell-type-specific accessibility predictions for unobserved cell states.
-
intense-visions Bundle Xstate React IntegrationXState React Integration
18 -
intense-visions Bundle Angular Component PatternAngular Component Pattern
18 -
intense-visions Bundle Astro Content CollectionsAstro Content Collections
18 -
intense-visions Bundle Astro Integration PatternAstro Integration Pattern
18 -
intense-visions Bundle React Memoization PatternReact Memoization Pattern
18 -
intense-visions Bundle Vue Renderless ComponentsVue Renderless Components
18 -
intense-visions Bundle A11Y Screen Reader TestingScreen Reader Testing
18 -
intense-visions Bundle Astro Islands ArchitectureAstro Islands Architecture
18 -
intense-visions Bundle Design Color AccessibilityColor Accessibility
18 -
intense-visions Bundle React Render Props PatternReact Render Props Pattern
18 -
intense-visions Bundle Test Accessibility TestingTest Accessibility Testing
18 -
intense-visions Bundle React Progressive HydrationReact Progressive Hydration
18 -
intense-visions Bundle Svelte Performance PatternsSvelte Performance Patterns
18 -
intense-visions Bundle Next Deployment OptimizationNext.js Deployment Optimization
18 -
intense-visions Bundle Svelte Component CompositionSvelte Component Composition
18 -
intense-visions Bundle Trpc React Query IntegrationtRPC React Query Integration
18 -
intense-visions Bundle Svelte Transitions AnimationsSvelte Transitions and Animations
18 -
intense-visions Bundle React Container PresentationalReact Container/Presentational Pattern
18 -
intense-visions Bundle React State Management PatternReact State Management Pattern
18 -
intense-visions Bundle Next Parallel Intercepting RoutesNext.js Parallel and Intercepting Routes
18 -
intense-visions Bundle Astro Multi FrameworkAstro Multi-Framework
18 -
intense-visions Bundle Astro Routing PatternAstro Routing Pattern
18 -
intense-visions Bundle CSS Animation PatternCSS Animation Pattern
18 -
intense-visions Bundle CSS Custom ComponentsCustom Styled Components
18 -
intense-visions Bundle CSS Responsive DesignResponsive Design with Tailwind
18 -
intense-visions Bundle Next Error BoundariesNext.js Error Boundaries
18 -
intense-visions Bundle Next Testing PatternsNext.js Testing Patterns
18 -
intense-visions Bundle React Context PatternReact Context Pattern
18 -
intense-visions Bundle React Islands PatternReact Islands Pattern
18 -
intense-visions Bundle State Context PatternReact Context Pattern
18 -
intense-visions Bundle Svelte Adapter ConfigSvelte Adapter Config
18
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 bio-atac-seq-consensus-peakset, bio-generative-design, bio-hi-c-analysis-hichip-plac-loops. 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.