new-product-website
End-to-end workflow for launching a new product landing page — scaffolding, theming, analytics, waitlist, domain, SEO, and deployment.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,239 results
tailwind
Operate Tailwind CSS with a utility-first philosophy (avoiding premature abstraction), and organize design, review, and refactoring decisions for maintaining consistency and maintainability while reducing the cognitive load of UI implementation. Tailwind…
competitive-intel
Monitor competitor websites, products, and social media for updates. Generate periodic competitive intelligence reports.
webconsulting-branding
Enforces webconsulting.at design system, color palettes, typography, and MDX component structures for frontend development. Use when working with frontend,…
maple-nextjs-style
Next.js / Vercel OpenTelemetry style for Maple: instrumentation.ts, @vercel/otel bootstrap, native @opentelemetry/api call sites, inline endpoint + ingest key,…
frontend-engineer
Expert frontend engineering with simplified pragmatic architecture, React 19, TanStack ecosystem, and Zustand state management. **ALWAYS use when implementing…
html-slide-builder
Given any teaching material (text, course outline, PDF, handout, spoken topic), automatically generate a complete Reveal.js HTML interactive presentation and deploy it to GitHub Pages. Automatically handle four major visual/interactive enhancements: 1. AI-generated background images (draw skill, data-background-image) 2. Flat icons (draw skill + PIL…
website-health
Audit a live website across 7 dimensions — SEO, performance, links, privacy, accessibility, security, content — with PASS/WARN/FAIL gates. Use when checking a…
component-spec-writer
Use this skill when defining a UI component before code. Produces a component specification for React, Vue, or design-system work covering purpose, component…
ui-layout-architect
Use this skill when a project needs its UI skeleton planned before feature work begins. Produces layout shell decisions for landing pages, dashboards, auth…
tanstack-query
TanStack Query (React Query) documentation and guidance. Use when working with TanStack Query - a powerful async state management library for data fetching,…
frontend-fullchain-optimization
Frontend full-chain performance optimization guide based on Web Vitals metrics. Provides metric thresholds, diagnostic methods, and optimization strategies for…
frontend-master
Frontend UI/UX work with Gemini CLI in --yolo mode. Use when (1) modifying visual/styling elements in frontend files (.tsx, .jsx, .vue, .svelte, .css), (2)…
pm-frontend-prototype
Use this Skill only when the user explicitly requests generating, creating, building, or refining a "prototype" (such as a high-fidelity prototype, clickable demo, or review Demo) in an existing frontend project. By default, reuse components, design variables, and the tech stack based on the existing source code, create prototype pages or routes isolated from the formal business entry points, and use page-level mock data to complete a clickable demo; unless the user explicitly requests it, do not directly modify the business pages in use, and do not connect to the backend or production data...
prototype-html
Expert skill for generating interactive HTML product prototypes. Use when the user needs to create product prototypes, UI interface prototypes, interactive HTML demo pages, product feature showcase pages, or mentions "prototype", "prototype", "product interface", "UI prototype", "interactive prototype", "demo page", etc.
commerce-product-detail
We create product detail pages that match Naver Smart Store, Coupang, and Kakao specifications as code (HTML or React components). We also produce conversion-increasing structure and design tokens. Use this for requests such as: - "Make a Smart Store humidifier detail page" - "To upload to Coupang...
moai-platform-vercel
Vercel edge deployment specialist covering Edge Functions, Next.js optimization, preview deployments, ISR, and storage solutions. Use when deploying Next.js…
frontend-design
Create production-grade frontend interfaces with systematic UI/UX design. Use when building web components, pages, or applications. Covers design systems,…
frontend-system-discipline
Prevent frontend work from inventing local design tokens, theme constants, helper layers, or style-file sprawl. Use when building or reviewing UI, components,…
html-tools
Build single-file HTML tools — self-contained HTML+JS+CSS applications that solve a specific problem without a build step. Use this skill whenever the user…
near-connect-hooks
React hooks for NEAR Protocol wallet integration using @hot-labs/near-connect. Use when building React/Next.js apps that need NEAR wallet connection, smart…
fluent-ui-react
Build modern, responsive, and accessible UIs with Microsoft Fluent UI React v9 (@fluentui/react-components) for Word add-ins and Office extensions. Use when:…
css-development
This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. Triggers on "CSS", "styles",…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…