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

Frontend (Page 2 of 26)

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

1,525 skills · updated 2026-07-27 · showing 61–120 of 1,525 by quality score

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

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…
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
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.
Scaffold a new agent platform page with the project's standard layout, RTL Arabic, react-query data fetch, skeleton, and sidebar entry.
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 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,…
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…
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.
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
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 ().
Use when an execution-layer dev (frontend-dev / backend-dev / ai-agent-dev / ml-engineer / miniapp-dev) has finished feature code + Unit tests and is about to enter code-review.
基于若依-vue-plus框架的LangChain4j AI大模型集成标准规范。全面规范模型配置管理、类型安全服务定义、RAG(检索增强生成)实现、流式响应处理及安全性保障。 触发场景: - 开发智能客服系统、文档问答助手、代码生成工具 - 集成LLM大模型接口(OpenAI、智谱AI、通义千问等) - 实现知识库问答、文档检索、语义搜索功能 -…
Break down PM story into organized tasks in a single file following UI DEVELOPMENT order: Setup → Static UI → Dynamic Logic → Interactions → Testing.
Sincroniza el estado de las specs y planes de Modo Cambio con tickets de Azure DevOps, Jira o GitHub Issues.
Build agentic LLM-driven robotic manipulation pipelines using the ALRM framework pattern: a ReAct-style reasoning loop with dual execution modes (Code-as-Policy for direct code…
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safety. — from engineering/frontend
Frontend conventions for Angular projects: standalone components, features, error capture, styles. Use when implementing or reviewing code in Angular frontends.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal,…
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns. — from engineering/frontend
Build and implement Angular 18 standalone components, TypeScript services with Signals and RxJS, routing with guards, and Tailwind CSS styling for Photo Map MVP.
Angular 21.x SPA development skill with TailwindCSS 4.x and daisyUI 5.5.5. Use when building Angular standalone components, services, lazy-loaded routes, unit tests, or creating…
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors. — from engineering/frontend
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
Generate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-code conversion, learning Anima's code output format, or building your first…
Ship any HTML artifact (architecture doc, design proposal, decision card, periodic-note conversation page, code-review summary) wired to receive **two complementary channels of…
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing. — from viarotel-org/skillx
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices. — from engineering/frontend
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postg — from…
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture. — from engineering/frontend
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture. — from majiayu000/claude-skill-registry
AnyRobot 前端开发核心指南:提供 JavaScript + React + shadcn/ui 开发的精简实用规范和最佳实践。 当用户需要前端开发指导、组件开发或项目结构建议时触发。 本技能提供实际可用于项目开发的核心代码示例和开发指南。
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface.
Expert API designer for REST, GraphQL, gRPC architectures. Activate on: API design, REST API, GraphQL schema, gRPC service, OpenAPI, Swagger, API versioning, endpoint design, rate…
API and endpoint integrity audit across 10 dimensions (D1-D10) plus optional contract stability (D11).
All Engineering skills →
More in EngineeringTesting (3,440) · Devops (3,325) · Architecture (2,630) · Backend (2,035) · Languages (1,277) · Code Quality (1,230) · Cloud Platforms (1,094) · Databases (813) · Performance (708) · Mobile (537) · Observability (386) · Data Engineering (334) · Docs Engineering (265) · Workflow Orchestration (239) · ML AI Eng (203) · API Tooling (18)