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

Frontend (Page 2 of 30)

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

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

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

Hand a human a rendered HTML page at a stable HTTPS URL. Registers a portless route for a file or directory (https://NAME.localhost/, never a :port), prints the URL, optionally…
Rust の性能改善を「計測 → 仮説 → 変更 → 再計測」のループで地道に回すためのスキル。プロファイラの選び方、Cargo の最適化設定、データ構造・アロケーション・ハッシュ・分岐などの定石をフェーズ順に適用する。1 回 1 変更 1 計測の規律を厳守する。rsvelte 固有の既知ボトルネック(`serde_json::Value`…
Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow…
Audit React components for unnecessary useEffect patterns. Detects 9 anti-patterns from "You Might Not Need an Effect" and proposes fixes with severity levels.
Summarize WHAT WAS SHIPPED in a Claude Code session as a self-contained HTML slide deck — the elevator pitch (problem, solution, decisions, artifacts, verification, gaps), not a…
Render an ARIS Markdown / JSON artifact (IDEA_REPORT, AUTO_REVIEW, KILL_ARGUMENT, PAPER_PLAN, research-wiki state, etc.) into a single-file HTML view designed for human reading.
Tune an existing runner game — CONFIG difficulty, theme CSS, bloom — without rewriting architecture. Trigger `/runner-tune `.
Comprehensive Svelte 5 assistant — component generation with runes syntax, code review, debugging, and SvelteKit patterns.
Start een Agent Team voor E2E frontend testing. Gebruik na feature development om de app via de browser te verifiëren, of voor regressietests.
The correctness lens for a frontend build, organized around one question that decides whether your test suite is a safety net or a straitjacket: does this test go red when…
Static-analysis review pass over HTML/CSS/JSX/Astro source for 2026 web design anti-patterns and must-do violations.
The state-architecture lens for a frontend build — the heart of the system. Use after keel's skeleton works, when designing or auditing state, or when "it's out of sync" bugs keep…
Convert a WordPress website to a static site and deploy to Cloudflare Pages. Mirrors the rendered HTML via SSH, extracts only referenced assets (shrinks 1.5GB+ to ~25MB), fixes…
Traces a workflow end-to-end through the harness-kit monorepo and creates a breadcrumb analysis doc in docs/breadcrumb_analysis/.
React Native and Expo best practices for Wythm mobile-app.
要求・設計・アーキテクチャ・未決事項を整理し、レビュー可能な設計資料HTMLを作りたい時に使う。Use this skill to structure requirements, design, architecture, alternatives, decisions, and unresolved issues into a review-ready…
Esperto di HTML-JS Card per Home Assistant Lovelace. Usa quando devi creare card con HTML, CSS e JavaScript inline: variabili hass/entities/card, hass-update event, callService,…
Ad-hoc development workflow for implementing features, fixing bugs, and making code changes outside a formal plan.
Generate Vue frontend pages using catch-table for CatchAdmin module with full component features. — from JaguarJack/catch-admin
Patches native modules (expo-image, react-native, etc.) to fix native crashes or bugs.
Build websites and web apps using 21st.dev — the largest marketplace of shadcn/ui-based React Tailwind components with 1400+ components.
Budowanie i rozwijanie dashboardu 4DX dla OvocxMalinowi z bazą Supabase. Używaj gdy pracujesz z dashboard-4dx.html lub bazą danych projektu.
Phase 6: Serve via python3 -m http.server 8899, screenshot light mode (fullPage), toggle .dark class + screenshot dark mode, compare 3 declared elements [expected vs pres — from…
Diagnose and fix Agent Zero plugin problems. Covers plugin not appearing, won't enable, API endpoints not responding, frontend store errors, extension point injection, settings…
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines.
Render A2UI (Agent-to-UI declarative surfaces) in CopilotKit v2. Enable the runtime via CopilotRuntime({ a2ui: {...} }), then enable the provider via
Step-by-step Golden Path and scaffolding checklist for creating or refactoring an admin workstation page in AB-Socks.
Remix. Notion's warm neutral document surface + Duolingo's saturated greens, rounded corners, and tactile feedback.
Build or Refactor Rails views, partials, and templates into clean, maintainable code. Use when views have inline Ruby logic, deeply nested partials, jQuery or legacy JavaScript,…
Frontend architecture consultant for project structure, folder organization, feature boundaries, and scaling decisions. Framework-aware (React, Vue, Angular).
Frontend architecture: state, data fetching, components, forms, routing. Stack-agnostic.
Adds a generation parameter across MooshieUI's Svelte store, TypeScript types, Rust GenerationParams, and workflow templates.
Añade auth completo a un proyecto SvelteKit/Next: Keycloak self-hosted (default Vektrun no-vendor-lockin) o Supabase Auth (si el proyecto ya lo usa).
Scaffold a new agent platform page with the project's standard layout, RTL Arabic, react-query data fetch, skeleton, and sidebar entry.
Add a post-processing effect stack to a React Three Fiber scene — bloom, depth of field, vignette, chromatic aberration, noise/grain, tone mapping, SSAO, and custom effects via…
Configuração de dark mode (light/dark/system) para projetos Vite + React + TypeScript com shadcn/ui. Use após a skill add-tailwind-shadcn para criar ThemeProvider, ajustar sonner…
Fügt einen neuen Sidebar-Tab mit React-View hinzu. Erstellt View-Komponente in src/views/, TabRouter-Eintrag und Sidebar-Button.
Add and debug native window materials in Tauri 2 desktop apps on macOS and Windows. Use when implementing macOS vibrancy or Liquid Glass, Windows Mica or Acrylic, a translucent…
Add an embedded HTTP + WebSocket chat server with PWA frontend. Provides a web chat interface for talking to NanoClaw agents from the browser, with bearer / tailscale /…
Next.js App Router conventions — Server Components by default, leaf-node 'use client' boundaries, server-side data fetching with cache control, Server Actions for mutations,…
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface.
Google ADK (Agent Development Kit) multi-agent system architecture for BigQuery data analytics. Covers BigQuery agent vs conversational agent patterns, ADK Single Parent Rule,…
Vietnamese light-theme admin / CRM design system for React + TypeScript + Tailwind + shadcn/ui (Radix).
KAF Motors ilan giriş/düzenleme sihirbazı işleri — çok adımlı form (react-hook-form + zod), Tiptap zengin metin, react-dropzone resim yükleme ve interaktif ekspertiz SVG…
Advanced color science and dynamic palette generation from 20 production repos. LCH/OKLAB perceptual math, dark-mode pair algorithms, contrast enforcement, gamut mapping, CSS…
Skill especializada na migração do AFA Planner do Firebase para Supabase (PostgreSQL). Use esta skill SEMPRE que o usuário mencionar: migração do AFA, Firebase para Supabase,…
Complete methodology for building production-grade React applications with architecture decisions, component design, state management, performance optimization, testing, and…
Build full-stack web applications with SvelteKit — file-based routing, SSR, SSG, API routes, and form actions in one framework. Use when you need help with sveltekit.
Frontend development patterns for AI Agency projects covering tech stack preferences, component architecture, file structure, and coding conventions.
Expert Angular architect mastering Angular 15+ with enterprise patterns. Specializes in RxJS, NgRx state management, micro-frontend architecture, and performance optimization with…
agent 时代前端工程手册——写/评审前端代码(React/RN/Next/组件/样式/状态/前端测试)、建立或评审前端仓工程门禁、设计系统对接 AI 时加载。覆盖:设计系统即契约(token 语义/受限组件词表/lint 硬门)、类型端到端契约(生成客户端只读/typecheck 主反馈环/封 any 逃逸)、视觉验证环(a11y…
Internal taw-kit-codex agent role — general software builder for web, backend, CLI, automation, data, docs, and repo tooling.
Expert Next.js developer mastering Next.js 14+ with App Router and full-stack features. Specializes in server components, server actions, performance optimization, and production…
Identify and map different sections of a software project (API, frontend, database, CLI, domain). Use for context scoping and architecture documentation.
Identify and map different sections of a software project (API, frontend, database, CLI, domain). Use for context scoping and architecture documentation.
Expert React specialist mastering React 18+ with modern patterns and ecosystem. Specializes in performance optimization, advanced hooks, server components, and production-ready…
Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native — from ibragimov-oasis/oasis-languages-jp
Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native — from majiayu000/claude-skill-registry
Expert Vue specialist mastering Vue 3 with Composition API and ecosystem. Specializes in reactivity system, performance optimization, Nuxt 3 development, and enterprise patterns…
How to author, ship, and update content (lessons, bonuses) for the AgentOS intensive platform ().
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)