react-component-styling
Writing, reviewing, or refactoring the styles of a React component on web or mobile native — the implementation mechanics of tokens, responsiveness, adaptive…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Frontend & websites
11,007 results
arena-trader
Trading personality and arena behavior for pump.fun token trading. Governs how the agent trades, announces trades, reacts to other agents, and handles wins and…
zhihu-html
Convert Markdown to HTML compatible with the Zhihu editor. The script handles deterministic format conversion, and AI handles the data-text description of citation markers. Use this skill when: the user requests generating Zhihu format/Zhihu HTML, converting Markdown into something that can be pasted into the Zhihu editor…
stripe
Stripe payment processing. Covers Checkout Sessions, Payment Intents, Subscriptions, Webhooks, idempotency, and Stripe.js frontend integration. USE WHEN: user…
reactjs-application-development
Develop React applications (SPA) with Vite, React Router, local/remote state, forms, accessibility, and performance, without assuming Next.js. Use when creating…
nuxt-sanity
@nuxtjs/sanity module integration best practices for Nuxt 3 and Nuxt 4 apps connected to Sanity CMS (there is no separate `@sanity/nuxt` package). Covers…
vue
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel,…
css-styling-expert
CSS architecture and styling expert with deep knowledge of modern CSS features, responsive design, CSS-in-JS optimization, performance, accessibility, and…
react-performance
React performance optimization specialist. Expert in DevTools Profiler, memoization, Core Web Vitals, bundle optimization, and virtualization. Use this skill…
tailwind-design-system
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…
improve-codebase-architecture
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making…
tanstack-table
TanStack Table best practices for building headless, type-safe data tables in React with sorting, filtering, pagination, row selection, and column…
openeuler-frontend-tools
A collection of frontend development tools and specifications for the openEuler Portal. Use this skill when you need to use the project's common composables, SCSS mixins, or utility functions. Usage scenarios: (1) when you need to use the responsive screen adaptation feature, look up the useScreen composable, (2) when you need to use the responsive font mixin, look up…
frontend-design
Use for frontend work that can change what users perceive or operate: components, pages, layout, styling, responsive behavior, forms, data views, interface…
markdown-editor-integrator
This skill should be used when installing and configuring markdown editor functionality using @uiw/react-md-editor. Applies when adding rich text editing,…
react-render-performance
Minimize unnecessary React re-renders when consuming external state (XState, @xstate/store, Zustand, Redux, Nanostores, context). Prefer selector-based…
clerk-frontend-sdks
Use for Clerk frontend auth flows. PROACTIVELY activate for React, JavaScript, Vue, Nuxt, Astro, Expo, React Router, TanStack React Start, or SPA setup;…
remotion-best-practices
Best practices for Remotion - Video creation in React
design-taste-frontend-v2-experimental
Old v2 (experimental) of taste-skill, the single-file dial-driven version, preserved for projects depending on its exact behavior. The current default is…
vueuse-functions
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
frontend-dev-guidelines
Opinionated frontend development standards for modern React + TypeScript applications. Covers Suspense-first data fetching, lazy loading, feature-based…
react
How to work effectively with React, always use when developing frontend components
kf-g-sveltekit-architecture-separation-rules
Use this skill when designing, reviewing, or editing SvelteKit route architecture, separation of concerns, UI component placement, +page.svelte/+page.server.ts…