hyperframes-slide-work-title-tags
A dedicated skill for the title-tags slide of a HyperFrames composition. Used when designing or modifying with HTML + GSAP, centered on a large title and a bundle of keyword tags.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,339 results
frontend-expert
Use when designing or implementing Vue 3, Nuxt, React compatible components, pages, styles, interactions, forms, state binding, and i18n text. Should also trigger when the user mentions component, page, UI, frontend, form, responsive, SCSS, BEM, dark mode, accessibility, i18n, or design implementation.
nextjs-webmcp
Plan and implement a WebMCP "server" (browser-side tools via document.modelContext, plus declarative form tools) on a Next.js App Router site, so that AI…
estimate-all
Estimate all active Linear tickets and generate an HTML report comparing current vs recommended story points.
frontend-project-creator
Create a new frontend project with support for framework and component library selection. Use when the user needs to create a frontend project from scratch and specify the tech stack. This skill supports React framework setup, provides MUI, shadcn/ui, or Bootstrap component library options, and includes routing configuration and multi-page structure.
mui-helper
MUI (Material-UI) component library usage guide and reference documentation. Automatically triggered when you need to use MUI components to develop UI: (1) Create or modify UI components using Material-UI, (2) Resolve MUI component implementation issues, (3) Look up MUI component props and API, (4) Implement MUI layouts and theme customization, (5) In MUI...
react-native-design
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing…
shadcnui-helper
Installation, configuration, component implementation, theme customization, and troubleshooting guide for the shadcn/ui component library. In React/Next.js/Vite/Remix and other projects, you need to: (1) initialize or upgrade shadcn/ui, (2) consult component APIs and examples, (3) customize themes/tokens/dark mode, (4) resolve Radix/Tailwind...
tailwindcss-helper
Tailwind CSS utility class reference and documentation assistant. Provides quick access to Tailwind CSS documentation for finding utility classes, understanding CSS properties, and finding code examples. Use this skill when Claude needs to work with Tailwind CSS: (1) Find specific utility classes and their effects (2) Understand how to implement specific CSS in Tailwind…
iterative-build-page
Builds a Nuxt 3 landing page section-by-section from natural language descriptions using RDS Vue UI components. Use when user describes page sections…
markdown-spec-to-page
Converts a markdown specification document into a complete Nuxt 3 landing page using RDS Vue UI components. Use when user provides a markdown file or text…
reference-to-landing-page
Creates a new Nuxt 3 landing page inspired by a reference website URL, adapted with user-specified modifications, using RDS Vue UI components. Use when user…
changeflow
Monitor any website and get AI-enriched change intelligence. Use when the user wants to track web pages, create monitoring sources, search their changes, or…
team
Reactive team orchestration. Spawn workers, monitor completions, dynamically spawn newly unblocked tasks until all complete.
fixing-accessibility
Fix accessibility issues.
fixing-metadata
Ship correct, complete metadata.
fixing-motion-performance
Fix animation performance issues.
webcraft-build
Implement and verify a Webcraft website from completed designs, or finish production behaviour in pages already designed in code.
webcraft-copy
Draft or revise marketing website copy against a Webcraft brief and section plan, preserving factual evidence and section IDs.
webcraft-init
Establish or revise a Webcraft website project's design mode, workspace, framework, and tool access.
webcraft-plan
Turn a Webcraft website brief into a visual sitemap and page-by-page section plan, or revise an existing plan.
you-dont-need-a-react-custom-hook
Use when React component or custom hook work may involve extracting hooks, changing hook responsibilities, or hiding dependencies behind custom hooks
you-dont-need-a-react-custom-hooks
Use when React component or custom hook work may involve extracting hooks, changing hook responsibilities, or hiding dependencies behind custom hooks
effective-html
Produce a single-file HTML artifact that allows a smoother communication between the user and the coding agent when reviewing text documents.