frontend-technologies
Master modern web development with HTML, CSS, JavaScript, React, Vue, Angular, Next.js, TypeScript, and responsive design. Use when building web applications,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Frontend & websites
11,179 results
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-native-elements-best-practices
React Native Elements UI component library best practices for performance, theming, and proper component usage. Use when building React Native apps with RNE,…
post-purchase-ui-extension
SDK reference for `@shopify/post-purchase-ui-extensions-react` — Shopify's post-purchase upsell surface (the screen between payment and the thank-you page).…
primitive-chat
Use whenever you need to reach a person or another agent over email. REACTIVELY: the user gave you a mailto link, pasted a contact address, or asked you to…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
react-best-practices
React and frontend performance optimization guidelines. Use when writing, reviewing, or refactoring React code to improve rendering behavior, bundle cost,…
i18n-patterns
Internationalization (i18n) patterns for server and client components using getTranslations and useTranslations. Use when working with translations, locales,…
css-scroll-driven-native
The English introduction is being prepared.
design-taste-frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that…
design-taste-frontend-v1
The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is…
docs-site-macos
Build a beautiful macOS-inspired documentation site (single HTML file) with a liquid-glass surface system (tiered glassmorphism: opacity ladder, blur scale,…
imagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate…
lenis-smooth-scroll
The English introduction is being prepared.
orca-sec-scans
The English introduction is being prepared.
prd-grade-fe
The English introduction is being prepared.
scroll-effects
The English introduction is being prepared.
tidy
The English introduction is being prepared.
timeline
The English introduction is being prepared.
tour-guide-supademo
The English introduction is being prepared.
uat-nonit-testcase
The English introduction is being prepared.
ui-snapshot
The English introduction is being prepared.
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
component-scaffolder
Frontend component scaffold generator. Automatically generates component code that conforms to project conventions based on component descriptions, automatically identifies the tech stack (React+MUI or Vue3+AntDesign) and generates the corresponding template. Applicable to: (1) creating new business components, (2) creating new common components, (3) creating new page-level components. Trigger condition: when the user needs to create a new component.