md-to-png
Render Markdown files into mobile-friendly HTML, then call html-cut to take a screenshot as a high-definition PNG. Use when the user mentions md-to-png, md to png, md screenshot, or sending md to a phone for viewing.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,311 results
okr-to-html
Generate OKR Markdown into a single-page HTML board with switchable Objectives. Use when the user mentions okr-to-html, OKR to webpage, or quarterly goal HTML.
wordpress-sage-theme
Provides WordPress theme development patterns using Sage (roots/sage) framework. Use when creating, modifying, or debugging WordPress themes with Sage,…
browser
Browser automation via agent-browser CLI. Use when you need to navigate websites, verify deployed UI, test web apps, read online documentation, scrape data,…
browser
Browser automation via agent-browser CLI. Use when you need to navigate websites, verify deployed UI, test web apps, read online documentation, scrape data,…
create-hybrid-ad
Produce a Hybrid H-CARD ad (Common Thread Co taxonomy): a 22-second 9:16 video where a motion layer (NB2-generated avatars, Pexels stock b-roll, HTML…
create-motion-graphics-hyperframes
create html and gsap motion graphics, called hyperframes in this repo, and render them to video.
create-motion-graphics-storyboard
build a frame-by-frame motion graphics storyboard as a single html page. each scene row specifies copy, on-screen text, animation primitive (pop-in,…
create-storyboard-html
assemble <video_folder>/storyboard.html as the single review surface for a video project. Reads per-state JSON fragments from _state/ and templates them into…
render-ios-keyboard
Render a static iOS QWERTY keyboard as inline HTML+CSS sized for the 750-wide 9:16 stage. Includes the 3-suggestion bar, alpha keys, shift/backspace,…
sgds-components-accordion
Use the sgds-accordion and sgds-accordion-item web components to display collapsible content sections. Apply this skill whenever a user asks about accordions,…
sgds-components-badge
Use the sgds-badge web component to render labels, status indicators, and notification chips. Apply this skill whenever a user asks about badges, tags, labels,…
sgds-components-breadcrumb
Use the sgds-breadcrumb and sgds-breadcrumb-item web components to render navigational breadcrumb trails. Apply this skill whenever a user asks about…
sgds-components-close-button
Use the sgds-close-button web component for dismissal actions on overlays and banners. Apply this skill when a user asks about close buttons, dismiss buttons,…
animal-island-vue-style
Create Vue 3 UI interfaces or components using the animal-island-vue design style. When the user needs to: (1) create UI pages or components in the Animal Crossing style; (2) develop interfaces using the animal-island-vue component library; (3) build Vue interfaces in a warm, natural, rounded, and cute style; (4) reproduce or extend…
prd-to-prototype
Convert PRD documents into interactive prototype web pages. Call when a prototype or preview interface needs to be generated. Depends on the frontend-design skill.
fancy-ui-craft
Depth for a few Vue 3 surfaces: cursor spotlight, frosted glass, one TresJS accent, and a local dotLottie state. Use on a hero, a featured card, or an empty…
layout-morph
Shared-element morphs in Vue 3 with Quasar v-morph. Use when a card, row, or chip expands into its detail view in the same screen. GSAP Flip is only the…
React Integration
This skill should be used when the user asks to "connect React to agent runtime", "use useAgentSession", "use useMessages", "set up AgentServiceProvider",…
angular-architecture
Standards for Angular project structure, feature modules, and lazy loading. Use when structuring Angular apps, defining feature modules, or configuring lazy…
angular-forms
Build typed reactive forms with strict FormGroup typing, custom validators, and nonNullable controls in Angular. Use when implementing typed reactive forms,…
angular-style-guide
Naming conventions, file structure, and coding standards for Angular projects. Use when naming Angular files, organizing project structure, or following…
nextjs-caching
Configure Next.js cache layers, invalidation, and cache-component APIs. Use when choosing `fetch` caching, `use cache`, tags, or stale-data debugging in…
nextjs-i18n
Best practices for multi-language handling, locale routing, and detection strategies across App and Pages Router. Use when adding i18n, locale routing, or…