Claude Code Skills·Claude Skills·The open SKILL.md registry for Claude
ClaudSkills › Engineering › Frontend › Page 13

Frontend (Page 13 of 30)

1764 Claude Code skills in the Frontend sub-category of Engineering.

1,764 skills · updated 2026-10-25 · showing 721–780 of 1,764 by quality score

For the full experience including quality scoring and one-click install features for each skill — upgrade to Pro.

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind…
Build tools, CSS architecture, and Git workflows for clemencefouquet.fr WordPress theme. Covers linting, @layer CSS, and sync between Laragon/Git/VPS.
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from engineering/frontend
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from majiayu000/claude-skill-registry
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from majiayu000/claude-skill-registry
Background knowledge about Lemmy, the federated link aggregation and discussion platform (Reddit alternative).
KeystoneJS is a powerful open-source headless CMS for Node.js that auto-generates a GraphQL API and React-based Admin UI from your schema definition.
Kopia av Groks interna skill med samma namn. Använd när någon ber om kod, vibe coding, Claude Code, Cursor, Supabase, frontend, databas, auth, RLS eller publicering i…
Build, run, debug, test, and deploy the koi pond showcase — a host pond that composites independently-implemented framework koi apps…
Use at the START of any UI/visual task in the Komga-Reader app (Jetpack Compose, Onyx Boox Go Color 7 Gen2).
Konva.js is an HTML5 Canvas JavaScript framework that enables high-performance animations, transitions, node nesting, layering, filtering, caching, and event handling for desktop…
对 Vue SFC 文件做国际化改造:提取模板中的中文硬编码字符串,替换为 t('key'),在 script setup 中添加 useI18n,并生成包含全部 20 种语言的 块。当用户说"国际化"、"i18n"、"做翻译"、"提取中文"、"替换 t()"、"写 i18n 块"时使用此技能。
Foundational Elm development patterns covering The Elm Architecture (TEA), type-safe frontend development, and core language features.
写超大文件(预估或已知 >1000 行)时的防 socket 断开策略。用"骨架 + 哨兵 + 分片 Edit"避免单次 Write 触发 `socket connection was closed unexpectedly` / `API Error` / `Write failed`。任何涉及"写大文件"、"生成完整 HTML/Vue/Python…
Latest React features from React 19 and React Compiler (past 1.5 years - mid 2024 to 2026) — from majiayu000/claude-skill-registry
Migrates vibe-coded web applications to AWS. Handles the full workflow from analysis through migration to deployment, producing deployable AWS Blocks infrastructure code.
Use when creating or modifying code in frontend/. Covers React components, hooks, API clients, and TypeScript code.
Expert guide for Layer Cake, a headless Svelte visualization framework managing scales, dimensions, and data flow while supporting SVG, Canvas, HTML, and WebGL rendering contexts…
Expert guide for LayerChart, a Svelte component library for building diverse data visualizations (Cartesian, radial, hierarchical, geo, graph) with unopinionated building blocks,…
LayerChart Svelte 5 patterns. Use for chart components with tooltip snippets, Chart context access, and all Svelte 5 snippet patterns for tooltips, gradients, highlights, and axes.
Complete Better Auth documentation in markdown format. Use when implementing authentication in TypeScript projects - covers OAuth providers (Google, GitHub, etc.), email/password,…
Automates creation of interactive language learning games including vocabulary flashcards, song-based games, and multi-level learning systems.
Automates creation of interactive language learning games including vocabulary flashcards, song-based games, and multi-level learning systems.
Guides users through designing a pedagogical agent (learning mascot) for their intelligent textbook, generating AI image prompts, and implementing the mascot using inline images,…
Use when changing legacy code that may affect global state, shared CSS/JS, common selectors, templates, forms, API contracts, build output, or deployment behavior.
针对 JavaScript + jQuery + HTML/CSS 传统前端项目的开发与维护规范。当用户在非框架项目中工作,涉及 jQuery、原生 JS、传统多页面应用(MPA)、模板引擎渲染页面、或维护遗留代码时自动激活。
Comprehensive development support for LI.FI DEX aggregator including SDK, Widget, and API integration for cross-chain swaps and bridging.
Lighthouse optimization workflow for Next.js using next/image, next/font, script strategy tuning, client bundle reduction, and server/component boundary discipline.
Lighthouse workflow for React + Vite apps with focus on route-level lazy loading, dynamic imports, bundle reduction, hydration cost control, and stable UX semantics.
Lighthouse optimization workflow for static HTML/CSS/JS sites with deterministic fixes for LCP, CLS, script execution, render-blocking resources, and SEO safeguards.
Add Apple Liquid Glass-style buttons and containers to a web page with liquid-glass-js, a plain JavaScript and WebGL library with real-time refraction, blur and nested glass.
Subscribe to and listen for Tauri v2 events in the frontend via @tauri-apps/api/event, including typed handlers and cleanup.
Auto-activate for guards=, Guard, ASGIConnection, JWTAuth, JWTCookieAuth, SessionAuth, role or tenant checks, or WebSocket auth. Not for frontend route protection.
Symfony UX LiveComponent for dynamic server-rendered UI. Use when building interactive components that re-render via AJAX, real-time forms, data binding, live validation, or…
Build and review production-grade web and mobile frontends using LiveKit with Next.js. Covers real-time video/audio/data communication, WebRTC connections, track management, and…
Scaffolds new React projects or restructures monoliths to component-based architecture. Use when setting up frontend structure.
Local LeadAce E2E testing skill. Triggers: 'local E2E', 'ローカル E2E', 'local-e2e', 'E2E テスト', E2E run against the local stack.
Leverage personal notes and documentation through Terraphim's role-based search. AI agents can search developer's local knowledge organized by domain (Rust, frontend,…
Use when adding, reviewing, or fixing localized UI copy in agentsview's Svelte frontend with Paraglide JS.
Design e implementação de logging estruturado com distributed tracing. Enforça schema rígido, correlation IDs, sanitização de PII e boas práticas de observabilidade.
Build a page or fill in Lumos for Astro variables from a Figma file, especially a messy one missing global variables.
End-to-end workflow for creating, rebuilding, or enhancing a client's website. Covers SEO audit, content extraction, Next.js scaffolding, real image/video assets, structured data,…
macOS development environment setup wizard. Interactive Q&A to collect preferences, auto-detect installed software, generate customized installation plan.
Comprehensive guide for creating custom widget modules in Magento 2 that can be inserted into CMS pages and blocks.
Augment a sprint's SPEC.md with a Frontend section (component tree, state, a11y, routing, performance budget, Playwright e2e plan) tailored to the project's stack (React/ — from…
Use when creating, writing, or running standalone executable Kotlin scripts with the `.main.kts` extension, including the `kotlin` script runner, shebang execution,…
How to author and maintain a `DESIGN.md` file at the root of any Lossless project (site, splash page, plugin landing, fundraise deck) following Google Stitch's open spec.
Diagnóstico de eficácia por gestor cruzando múltiplos sinais (span de controle, atrito do time, engajamento médio, taxa de promoção) num score composto 0-100 com bandas…
Vercel platform CLI for frontend deployments, serverless functions, and edge network management. Use for deploying applications, managing domains, environment variables, and…
Use when the partner asks for manual frontend QA, hand-testing, or step-by-step UI verification, or when you finish a frontend change and want to offer manual verification…
Import manual or host-provided design content from Confluence, Jira, HTML, PDF, Markdown, YAML, or OpenAPI into AgentSpec as a candidate snapshot through the core CLI.
Deep architecture report that fans out parallel inspections across different aspects of the codebase (structure, tech stack, APIs, patterns, data flow, dependencies, test — from…
Deep architecture report that fans out parallel inspections across different aspects of the codebase (structure, tech stack, APIs, patterns, data flow, dependencies, test — from…
Reference-only: MapLibre GL JS is installed via npm as maplibre-gl v5 and react-map-gl v8. Additional GIS libs: pmtiles, osmtogeojson, swr, @turf/turf. NOT a callable tool.
markdownify is a Python library that converts HTML content to clean Markdown text. It supports tag filtering, heading styles, custom converters, and code language detection,…
MarkItDown is a Python utility by Microsoft that converts PDF, Word, PowerPoint, Excel, images, audio, HTML, and other files into Markdown for LLM consumption.
Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository.
Integrate markstream-react into a React 18+ or Next app. Use when Codex needs to add the React renderer, import CSS correctly, choose between `content` and `nodes`, keep Next…
Integrate the beta markstream-svelte renderer into Svelte 5 or SvelteKit with runes, explicit CSS, smooth streaming, workers, and SSR-safe boundaries.
Integrate markstream-vue into a Vue 3 app. Use when Codex needs to add the Vue 3 renderer, import CSS in the right order, choose `mode="chat"`, `mode="docs"`, or `mode="minimal"`,…
All Engineering skills →
More in EngineeringTesting (4,356) · Devops (3,948) · Architecture (3,203) · Backend (2,624) · Languages (1,535) · Code Quality (1,513) · Cloud Platforms (1,362) · Databases (927) · Performance (896) · Mobile (660) · Observability (465) · Data Engineering (410) · Docs Engineering (343) · Workflow Orchestration (304) · ML AI Eng (285) · API Tooling (25)