anti-ai-design
Frontend design system rules to eliminate generic AI-generated aesthetics. Use when building or styling any web UI, components, pages, or…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,293 results
firebase-platform
Firebase services, platform guides, and tips for integration with Angular projects.
tamagui-best-practices
Provides Tamagui patterns for config v4, compiler optimization, styled context, and cross-platform styling. Must use when working with Tamagui projects…
aceternity-ui
100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI…
react-hook-form-zod
Type-safe React forms with React Hook Form and Zod validation. Use for form schemas, field arrays, multi-step forms, or encountering validation errors,…
tailwind-v4-shadcn
| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui,…
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…
normalize
Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched…
mckinsey-deck
Turn any content into a top-tier McKinsey-style deck — a 1280×720 page-turning HTML presentation that also prints to a clean per-slide PDF. Use when the user…
scrollcraft
Premium scroll-driven landing pages; scroll = timeline.
prd-to-html
Convert a PRD (or spec/issue) into a single self-contained interactive HTML page. Use when the user wants to visualize a PRD as an HTML file, turn an…
facebook_cli
Use when the user provides a Facebook URL or asks to read personal posts, comments, reactions, friends, timelines, profiles, stories, feeds, groups, events, or…
improve-svelte
Survey a whole SvelteKit codebase as a senior Svelte/SvelteKit engineer, using svelte-vitals' scan as evidence, then produce a prioritized audit and…
setup-svelte-vitals
Set up svelte-vitals in a SvelteKit project: inspect what the project already uses, derive a svelte-vitals.config from its markuplint /…
mira
Use this skill whenever an Agent needs a visual workspace for local Markdown, HTML, images, or videos. Trigger proactively when a task involves previewing…
additional-htmx-and-flask-instructions
Provides additional instructions for HTMX and Flask, primarily related to templating.
design-systems
Design system lookup, CSS best practices, and AI-driven UI component generation via MCP tools
image-optimization-rules
Rules for optimizing images within React components to improve performance.
observer-hoc-or-useobserver-hook
Use Observer HOC or the useObserver hook for reactive components.
vueuse-library-rule
Encourages leveraging VueUse functions throughout the project to enhance reactivity and performance.
uiux-react-jsx-packager
Package an existing React UI/UX demo into a single self-contained .jsx file with default-export root component, zero third-party runtime dependencies (no…
om-ds-guardian
Design System Guardian for Open Mercato. Use for frontend UI work, design-system compliance reviews, semantic token migration, hardcoded color or typography…
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…
hyperframes
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when…