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

Frontend (Page 3 of 30)

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

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

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

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.
Stand up a new AI/agent project - or add an AI subsystem to an existing repo - starting from a requirements intake and ending in a committed full stack.
基于若依-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.
Ajoute ou expose une page publique dans anssi-portail et câble les couches nécessaires : page Jekyll, route Express et, selon le besoin, composant Svelte, entry point Vite client…
Postup pro změnu pravidelné otevírací doby na webu RychloVláďa, včetně úpravy HTML textu, Schema.org microdat a publikace oznámení.
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…
Turn an interpretive-ambiguity audit of a legal text — contract, statute, regulation, or judicial opinion — into a polished deliverable.
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safety. — from engineering/frontend
Standardy pisania kodu Angular 20 w tym zespole — SCSS, HTML, TypeScript. Wczytaj ZAWSZE gdy użytkownik prosi o: stworzenie lub modyfikację komponentu, serwisu, pipe'a, dyrektywy,…
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 trackmind-ai/sdlc-atlas
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 thatianegalvan/atividades-faculdade
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 thatianegalvan/atividades-faculdade
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 des — from…
API and endpoint integrity audit across 10 dimensions (D1-D10) plus optional contract stability (D11).
Cross-references C# Web API controllers/DTOs against their TypeScript/JavaScript consumers (React, Angular, Vue, Svelte, Node.js, or hand-written/auto-generated HTTP clients like…
Use when implementing, debugging, or reviewing frontend/backend API integration, DTO mapping, mock-vs-remote behavior, request payloads, response adapters, or uncertain backend…
Design APIs using schema-first approach with OpenAPI/Swagger. Use when creating new APIs, documenting existing ones, or when frontend/backend teams need to work in parall — from…
Design APIs using schema-first approach with OpenAPI/Swagger. Use when creating new APIs, documenting existing ones, or when frontend/backend teams need to work in parall — from…
Knowledge pack for designing and evolving OpenAPI 3.0 contracts that enable frontend/backend parallel development. Auto-loaded by architect-agent, frontend-agent, backend-agent.
Validate OpenAPI, Swagger, and GraphQL schemas match backend implementation. Detect breaking changes, generate TypeScript clients, and ensure API documentation stays synchronized.
Validates type contracts between TypeScript interfaces and Pydantic models. Detects field mismatches and type inconsistencies.
Generate TypeScript API client from Swagger/Go comments. Use when updating API endpoints, adding new routes, or regenerating the frontend API client after backend changes.
프로젝트 도메인 API 내재화 — 특정 라이브러리/프레임워크의 공식 문서 + 예제를 수집하여 프로젝트 내 .claude/references/에 저장하고 CLAUDE.md에 Knowledge Authority로 등록합니다.
Create serverless API proxy endpoints that hide API keys and provide a unified backend for the dashboard frontend. Designed for Vercel deployment.
Generate realistic mock API responses with fake data. Use for testing, prototyping, or creating sample data for frontend development. — from diegosouzapw/awesome-omni-skill
Generate realistic mock API responses with fake data. Use for testing, prototyping, or creating sample data for frontend development. — from majiayu000/claude-skill-registry
Use esta habilidade para melhorar a experiência do usuário a partir do lado Python/FastAPI — mensagens de erro úteis, estrutura de resposta consistente, streaming SSE fluido,…
Styles and composes MUI components in the qubership-apihub monorepo: the MUI 5 API the workspace pins, styled() before sx, theme tokens from the module theme, and layout and…
ApostropheCMS is a full-stack Node.js CMS that combines in-context editing for content teams with headless flexibility for developers.
App Store and Google Play submission automator with Fastlane, screenshot automation, metadata management, and TestFlight/internal testing.
Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend…
Use when you need a visual architecture map of a codebase and no finished source document exists — an existing subsystem, a refactor in flight, or a proposed design — rendered as…
React custom hook design. Use when writing, reviewing, or refactoring use* functions or components with non-trivial state/effect logic.
Expert Astro Server Actions — defineAction, astro:actions, Zod validation, ActionError, HTML form actions, accept form, progressive enhancement, redirect patterns.
Comprehensive Astro development with React, Tailwind v4, and Cloudflare Workers deployment
Comprehensive Astro web framework development guidance for 2026. Use when building, configuring, or troubleshooting Astro projects; creating components; setting up routing;…
Astro framework specialist for building fast, content-driven websites with islands architecture. Use when creating Astro components, configuring hydration…
Build the Astro frontend with Tailwind CSS v4 via the Vite plugin, a WPGraphQL data layer, and React islands (shadcn/ui) only where needed.
Use when adding, fixing, or reviewing GSAP ScrollTrigger behavior in Astro pages, especially with view transitions, static routes, client scripts, reduced motion, cleanup, or…
Astro static-site guidelines with islands architecture. Apply when editing `.astro` files. Use for content collections, component hydration, accessibility.
Expert Astro UI framework integrations — @astrojs/react, @astrojs/vue, @astrojs/svelte, @astrojs/solid-js, @astrojs/preact, @astrojs/alpinejs, @astrojs/lit, @qwikdev/astro,…
Use when building content-heavy sites with Astro, deciding between SSG/SSR/hybrid, choosing client directives (idle/visible/load/media), structuring content collections with…
Astro 5/6 islands architecture expert with multi-framework selection (React, Svelte, Vue, SolidJS). Use when building or modifying Astro sites, adding interactive components,…
Create a new Astro component following the colocation pattern: ComponentName.astro + ComponentName.css + ComponentName.ts in the same folder.
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)