alterlab-cobrapy
Build and analyze genome-scale constraint-based metabolic models with COBRApy — flux balance analysis (FBA), flux variability analysis (FVA), gene and reaction…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-20 00:13
Frontend & websites
10,913 results
react-use-hooks
Apply react-use hooks where appropriate to build concise, maintainable React features.
update-ui-inventory
Update the UI component inventory and documentation when components are added or removed. Use when adding new components, after code reviews flag inventory…
motion-react
Use when adding animation to a React app with the Motion library (the framer-motion successor: npm package `motion`, import `motion/react`) — enter/exit…
review-frontend
Comprehensive React/TypeScript frontend code review with per-area review skills, run in parallel where the agent supports subagents and sequentially otherwise.
oma-frontend
Implement or modify web UI in React, Next.js, or Angular. Use for components, pages, styles, forms, and frontend state or data flows.
engram-ui-elements
Creation rules for Engram UI elements, pages, cards, metrics, and detail flows. Trigger: Adding or changing dashboard UI components or connected browsing flows.
frontend-mandatory-standards
[Required reading · Mandatory] Company frontend development mandatory specification. This skill must be read before writing or modifying any frontend code. It covers all development constraints including mandatory Composition API specifications, naming conventions, API call rules, Pinia state management, component splitting, etc.
html-to-pptx
Triggered when the user wants to convert an HTML slide deck to .pptx—"HTML to PPT", "convert web slides to pptx", "convert this deck to ppt", "give a colleague a ppt copy", "it's inconvenient to present in a browser", a .html path is given + mentions…
vercel-react-view-transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…
lovstudio-maintain-partners
Maintain the LovStudio website's partners section AND align partner logo rows on event posters / hero strips: reuse lovstudio-find-logo for brand logo…
slidekit-create
Generate HTML slide presentations (1 slide = 1 HTML file, 1280x720px) using Tailwind CSS, Font Awesome, and Google Fonts. Use when the user asks to create a…
react-expert
React ecosystem expert including hooks, state management, component patterns, React 19 features, Shadcn UI, and Radix primitives
svelte-expert
Svelte and SvelteKit expert including components, stores, and routing
design-engineer-mindset
Translate a design (Figma mockup, spec, screenshot, or verbal description) into code with pixel- and motion-level fidelity, using the browser's rendering…
recharts
Use when building charts, data visualisations, or dashboards with Recharts. Also use when integrating Recharts with HeroUI, reviewing chart components, or…
vue-component-patterns
Use when Vue component patterns including props, emits, slots, and provide/inject. Use when building reusable Vue components.
managing-media
Implements media and file management components including file upload (drag-drop, multi-file, resumable), image galleries (lightbox, carousel, masonry), video…
sharenow
Publish a user-approved file or folder as a live website or shareable URL with sharenow. Also use when the user explicitly asks to keep or retrieve files in…
r3f-router
Decision framework for React Three Fiber projects. Routes to specialized R3F skills (fundamentals, geometry, materials, performance, drei) based on task…
tanstack-frontend
This skill should be used when implementing TanStack Router routes, TRPC data loading/prefetching, and frontend typing/form patterns. In this project,…
vercel-react-best-practices
Workflow for building production-quality React applications using Vercel-style best practices focused on readability, performance, maintainability, and stable…
emap-merchant-signup
Guides a partner building an EMAP merchant-signup form on their own website, in any tech stack (React/Next.js, Vue/Nuxt, Angular, Svelte, PHP/WordPress, Rails,…
frontend-architecture
Use this skill as the frontend entrypoint for the Svelte 5 app in ClientApp — adding routes, creating feature slices, writing Svelte components, applying…