onenote-sdk-patterns
Build a testable Microsoft Graph OneNote client boundary with delegated auth, opaque pagination, HTML operations, errors, and throttling. Use when writing or…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,289 results
terms-generator
Generates comprehensive terms of service by analyzing a website or application to detect business type, data collection, and user interactions. Use when…
webflow-reference-architecture
Design a Webflow integration architecture with explicit Data API, Content Delivery, webhook, identity, queue, and publication boundaries. Use when starting a…
opentrons-heater-shaker
Opentrons Heater-Shaker Module - temperature control (37-95°C) with orbital mixing (200-3000 rpm) for cell culture, enzymatic reactions, and sample preparation…
opentrons-temperature-module
Opentrons Temperature Module - precise heating and cooling (4-95°C) for sample storage, enzyme reactions, and temperature-sensitive protocols with aluminum…
pr-visual-explainer
Use when the user asks to explain a pull request visually, create an HTML walkthrough, show before-and-after behavior, or add diagrams for a PR. Triggers…
astro-best-practices
Astro quality patterns: island philosophy, SEO by page type, and Core Web Vitals. Trigger: When reviewing Astro site quality or hydration decisions.
react-component-performance
Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or…
swiftui-layout-components
Build SwiftUI layouts using stacks, grids, lists, scroll views, forms, and controls. Covers VStack/HStack/ZStack, LazyVGrid/LazyHGrid, List with sections and…
swiftui-liquid-glass
Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing…
swiftui-webkit
Embeds and controls web content in SwiftUI with WebKit for SwiftUI, including WebView, WebPage, navigation policies, JavaScript execution, observable page…
UIKit Horizontal-First Layouting
Horizontal-first slicing methodology with mandatory ASCII preview for UIKit layout design
prototype-sketching-skill
Use when a working Angular, React, Vue, or static web app must look hand-sketched (Balsamiq wireframe, Sharpie marker, pencil, doodle, or blueprint) for a…
frontend-architect
A role specializing in frontend project architecture design and engineering, responsible for project setup, architecture design, and code quality control. Proficient in modern frontend toolchains (Vite, Turborepo, Vitest, etc.) and design pattern best practices. Use when the user asks for frontend-architect-related work such as:…
grainy-gradient
Use this when making soft, premium gradient backgrounds or covers (ElevenLabs / macOS wallpaper style) - blurred color blobs plus a fine grain noise layer,…
frontend-ui-integration
Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs. Use when the feature is primarily a UI/UX change…
rsc-data-optimizer
Optimize Next.js App Router data fetching by converting slow client-side fetching to fast server-side fetching using React Server Components (RSC). Use…
html-specs
Create engaging, self-contained HTML slide decks for specs, implementation plans, ADRs, brainstorms, and decision docs — keyboard-navigable single-file decks…
architecture-diagram
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
popular-web-designs
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
threejs-interaction
Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera…
threejs-loaders
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
threejs-textures
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or…
shadcn-vue
shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind. Use for accessible UI, Auto Form, data tables, charts, dark mode, MCP server setup, or…