create-html-artifact
Produce a single portable local HTML file as the final deliverable — a report, doc, dashboard, landing page, demo, tool, or presentation rendered as one .html…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
Frontend & websites
11,329 results
performance
Optimize UI performance against Core Web Vitals — LCP, INP, CLS — with loading/code-split strategy, layout-shift prevention, and animation performance rules.…
token-build
Set up or run the token build pipeline — transform the DTCG tokens/*.json (source of truth) into platform artifacts (CSS variables, Tailwind @theme, JS/TS, iOS…
vue-fundamentals
Master Vue.js core concepts - Components, Reactivity, Templates, Directives, Lifecycle
vue-testing
Master Vue Testing - Vitest, Vue Test Utils, Component Testing, E2E with Playwright
snuppy
Snuppy — clone any live website into a pixel-perfect modern frontend project. Fetches sources, componentizes markup, ports styles verbatim, and verifies with…
project-intelligence-timeline-dashboard
Generates a self-contained, dependency-free HTML timeline dashboard that visualises the Project Intelligence Engine output — KPI bar, planned-vs-actual…
style-terminal
Terminal / Hacker style tokens and row template for the list-styling skill. Dark cards with neon text, green/cyan accents, sharp corners, terminal prompt icon,…
frontend-skill
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led…
Frontend Performance Testing
Frontend performance testing covering bundle size analysis, render performance, animation frame rate, React re-render detection, and lazy loading verification.
Next.js Testing Patterns
Next.js application testing covering Server Components, App Router, API routes, middleware, dynamic routes, and SSR/SSG testing patterns.
ssd-frontend-setup
Use this skill when setting up a new Frontend project, asking about React folder structure, tools that need to be installed, naming conventions for TypeScript/React, or…
ssd-react-component
Use this skill when writing React components, defining Props types, using Refs/Fragments, naming components, pages, or modules according to SSD standards
ssd-react-form
Use this skill when creating a form in React with Formik, needing validation, customizing MUI components to work with Formik, or asking about handling form submission…
ssd-react-state
Use this skill when working with Redux in React, creating a slice, setting up rootReducer, or dispatching/subscribing state in a component according to the SSD standard
react-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…
astrofy-design
Cria, estuda, audita e redesenha interfaces Astro com composição, temas, tipografia e movimento integrados ao design system do projeto.
inertia-react-development
Develops Inertia.js v3 React client-side applications. Activates when creating React pages, forms, or navigation; using <Link>, <Form>, useForm, useHttp,…
tailwindcss-development
Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product…
react-router
React Router v7 full-stack development. Use when working with routes, loaders, actions, SSR, or the web app in apps/web.
pushing-commits-to-the-repo
What to do when you open a PR and every time you push -- label the PR, watch CI to green, triage every review comment to a reply and a reaction, and escalate…
astro-framework
Astro framework specialist for building fast, content-driven websites with islands architecture. Use when creating Astro components, configuring hydration…
building-ui-components
UI component patterns: shadcn/ui, component organization, variant system. Use when building or modifying React UI components. ALWAYS load this skill when…
setting-up-nextjs-projects
Next.js project setup: directory structure, configuration, tooling, environment validation. Use when bootstrapping new projects or understanding project layout.