website-to-hyperframes
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-18 00:12
Frontend & websites
10,840 results
hugo
Guide to building static websites with the Hugo static site generator: blogs, documentation sites, landing pages and portfolios. Covers scaffolding new sites,…
frontend-css-patterns
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
html-ppt-presenter-mode
Deck dedicated to presenter mode — tokyo-night default theme, 5 theme sets switchable with the T key, each page includes a 150-300 word verbatim script example (<aside class="notes">), press S to open the popup (CURRENT / NEXT / SCRIPT / TIMER…
html-ppt-testing-safety-alert
Red amber warning deck — top/bottom 45° red-black hazard stripes, red strikethrough negated title, L1/L2/L3 green/amber/red tier cards, dot-status alert box, policy-yaml code block (red left border + bad keyword highlighting), red-green checklist, Q1 incident stacked bar chart. Suitable for security / risk / incident retrospective /…
angular-components
ALWAYS use when working with Angular Components, component architecture, @Component decorator, inputs, outputs, or component design patterns.
angular-forms
ALWAYS use when working with Angular Forms, reactive forms, template-driven forms, form validation, or form handling in Angular applications.
script-setup
Teaches Vue's script setup syntax for concise Composition API usage. Use when writing Vue 3 single-file components and you want a more ergonomic, less…
accessibility
Applies WCAG 2.1 AA to web UI and fixes failures. Use when building or reviewing components for a11y, ARIA, keyboard navigation, focus traps, or contrast.
primevue-skilld
Use when writing, debugging, or updating code that imports primevue (PrimeVue v5, UI component library for Vue 3). Provides setup with the required PrimeUI…
hyperframes-registry
Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an…
html-css-best-practices
Semantic HTML5, CSS custom properties, responsive design, and performance optimization for web development
technews
Fetches top stories from TechMeme, summarizes linked articles, and highlights social media reactions. Use when user wants tech news or says /technews.
html-ppt-xhs-post
Xiaohongshu / Instagram style 9-page 3:4 vertical image-text (810×1080) — warm pastel, dashed sticker cards, bottom page number dots. For posting Xiaohongshu image-text, Instagram carousel, brand seeding content.
renderless-components
Teaches the renderless component pattern for logic-only Vue components. Use when you want to encapsulate behavior without dictating markup, letting consumers…
nextjs
Build or review a Next.js App Router surface against the project's installed framework version and established architecture. Covers pages, layouts, async…
regle-advanced
Advanced Regle form validation patterns — collection validation with `$each`, async rules and `$pending`, server/`externalErrors`, `$reset` options, global…
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
react-state-machine
Building reusable React state machine skills with XState v5 and the actor model
axiom-grdb
Use when writing raw SQL queries with GRDB, complex joins, ValueObservation for reactive queries, DatabaseMigrator patterns, query profiling under performance…
alicloud-network-esa
Manage Alibaba Cloud ESA — deploy HTML/static sites via Pages, manage Edge Routines (ER) for serverless edge functions, use Edge KV for distributed key-value…
pixel-perfect-ui
Autonomous pixel-perfect UI implementation loop for Next.js/React using Figma MCP and Playwright. Converts Figma designs to production-ready components with…
frontend-design
Visual design and aesthetic direction for frontend interfaces. Use when building web pages, landing pages, dashboards, Next.js server components, or…
zero-build-frontend
Zero-build frontend development for static apps, browser extensions, maps, and lightweight data-backed interfaces. Use when deployment must not require a build…