Agent Skill
FrontendAdvanced CSS Patterns
community · 1.0.0
Leverage modern CSS: container queries, cascade layers, @scope, anchor positioning, scroll-driven animations, and subgrid layouts.
- Checks
- Metadata only
- Evidence
- 1 source
Portable agent capabilities
Discover reusable Agent Skills with a recorded version or source snapshot, runtime, permissions, evidence, and compatibility facts. Listings are information, not an instruction to execute code.
Showing 1-24 of 29 matching listings · 271 total
Build web and mobile interfaces, state, and interaction flows.
Agent Skill
Frontendcommunity · 1.0.0
Leverage modern CSS: container queries, cascade layers, @scope, anchor positioning, scroll-driven animations, and subgrid layouts.
Agent Skill
Frontendcommunity · 1.0.0
Build Angular apps with signals, RxJS operators, NgRx state management, standalone components, lazy loading, and Angular SSR.
Agent Skill
Frontendcommunity · 1.0.0
Build Astro sites: content collections, view transitions, islands architecture, server actions, Starlight docs, and multi-framework components.
Agent Skill
Frontendcommunity · 1.0.0
Build Chrome and Firefox extensions with Manifest V3: service workers, content scripts, popup UIs, storage API, and cross-browser compatibility.
Agent Skill
Frontendcommunity · 1.0.0
Style components with vanilla-extract, Panda CSS, or styled-components: zero-runtime CSS, type-safe tokens, and atomic classes.
Agent Skill
Frontendcommunity · 1.0.0
Build interactive charts and dashboards with Recharts, Chart.js, D3.js, and Observable Plot: responsive layouts, tooltips, and real-time updates.
Agent Skill
Frontendcommunity · 1.0.0
Implement design tokens for color, spacing, typography; synchronize Figma variables to CSS custom properties and Tailwind themes.
Agent Skill
Frontendcommunity · 1.0.0
Build responsive HTML email templates with MJML, React Email, and Resend: inbox rendering, dark mode, and transactional email best practices.
Agent Skill
Frontendcommunity · 1.0.0
Build interactive UIs with HTMX: AJAX attributes, server-driven partial updates, out-of-band swaps, and hypermedia-driven architecture.
Agent Skill
Frontendcommunity · 1.0.0
Compose micro-frontends using Module Federation, single-spa, import maps, shared state strategies, and deployment automation.
Agent Skill
Frontendwshobson · source-snapshot-2026-07-16
Master App Router conventions: layout composition, parallel routes, intercepting routes, server actions, and streaming patterns.
Agent Skill
Frontendcommunity · 1.0.0
Generate PDFs in web apps using Puppeteer, React-PDF, @react-pdf/renderer, and pdfkit: reports, invoices, and dynamic document layouts.
Agent Skill
Frontendcommunity · 1.0.0
Build instant-loading apps with Qwik: resumability, fine-grained lazy loading, Qwik City routing, and zero-hydration architecture.
Agent Skill
Frontendwshobson · source-snapshot-2026-07-16
Choose and implement the right React state management: local state, Context, Zustand, Jotai, Redux Toolkit, or TanStack Query.
Agent Skill
Frontendcommunity · 1.0.0
Use Remix loaders, actions, nested routes, defer/Await for streaming, error boundaries, and optimistic UI for full-stack React.
Agent Skill
Frontendcommunity · 1.0.0
Compose accessible React components with shadcn/ui and Radix primitives: theming, variants with cva, and copy-paste ownership model.
Agent Skill
Frontendcommunity · 1.0.0
Use SolidJS signals, stores, createEffect, Suspense, SolidStart meta-framework, and fine-grained reactivity for high-performance UIs.
Agent Skill
Frontendcommunity · 1.0.0
Build Svelte apps with reactivity, stores, SvelteKit routing, form actions, server-side rendering, and adapter deployment.
Agent Skill
Frontendcommunity · 1.0.0
Manage server state with TanStack Query: query invalidation, optimistic updates, infinite queries, and suspense integration.
Build prompts, agents, RAG systems, and model evaluations.
Agent Skill
Official AI & LLMAnthropic · source-snapshot-2026-07-15
Reusable instructions for producing polished frontend experiences.
Agent Skill
Official AI & LLMAnthropic · source-snapshot-2026-07-16
Build interactive web components and rich artifacts (charts, forms, games, demos) that render inside Claude or a browser.
Agent Skill
Official AI & LLMVercel · 2.0.0
Apply Tailwind CSS v4 design tokens, responsive utilities, dark-mode strategies, and component composition patterns.
Agent Skill
Official AI & LLMVercel · source-snapshot-2026-07-16
Apply compound component, render props, and context patterns for scalable, composable React component APIs.
Create accessible interfaces, visual systems, and user experiences.