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

Frontend (Page 8 of 28)

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

1,674 skills · updated 2026-08-26 · showing 421–480 of 1,674 by quality score

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

Creates production-ready .NET 10 Aspire projects with ASP.NET MVC + Razor + TypeScript frontend, REST API backend, Entity Framework, OpenTelemetry observability, and Polly…
Use Biome in .NET repositories that ship Node-based frontend assets and want a fast combined formatter-linter-import organizer for JavaScript, TypeScript, CSS, JSON, GraphQL, or…
.NET build for Photino apps: csproj config, MSBuild targets, frontend build integration, package refs, version pinning, common build errors.
Use Chous in .NET repositories that ship sizeable frontend codebases and want file-structure linting, naming convention enforcement, and folder-layout policy as a CLI gate.
Use HTMLHint in .NET repositories that ship static HTML output or standalone frontend templates. Use when a repo needs a focused CLI lint gate for DOM structure, invalid…
Use Metalint in .NET repositories that ship Node-based frontend assets and want one CLI entrypoint over several underlying linters.
Use SonarJS-derived rules in .NET repositories that ship JavaScript or TypeScript frontends and need deeper bug-risk, code-smell, or cognitive-complexity checks than a minimal…
Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends.
Guides creation and modification of ASP.NET Core Web API endpoints with correct HTTP semantics, OpenAPI metadata, and error handling.
Use webhint in .NET repositories that ship browser-facing frontends. Use when a repo needs CLI audits for accessibility, performance, security headers, PWA signals, SEO, or…
Drupal coding standards for quick checks and detailed file-type reviews. Covers PHPCS, PHPStan, naming conventions, code style enforcement, and comprehensive per-file-type…
Automatically applies Drupal coding standards when developing PHP modules, JavaScript, CSS, SQL queries, Twig templates, or YAML configs.
Diagnose failed or unhealthy Dynamo deployments. Use when pods, model-cache jobs, PVCs, workers, frontend/router health, endpoints, or benchmark jobs fail; use…
GLATasks の e2e テスト(Playwright)実装リファレンス。 `app/tests/` 配下のテストファイルを編集するとき、または SvelteKit の hydration パターン・ ダイアログ操作・マルチブラウザ同期テスト・SSE 制御を扱うときに呼び出す。
World-class expert across full-stack, frontend, TypeScript, Python, Google Apps Script, testing, marketing, SaaS, Lean Six Sigma, and data analytics.
Modern edge-native web stack: Hono + htmx + UnoCSS + Cloudflare D1. Use when: building server-rendered apps with interactivity, rapid prototyping, CRUD apps, landing pages,…
精英前端设计工具专业版,面向团队的企业级前端设计系统。核心能力: - 多页面应用设计,统一视觉语言贯穿全站 - React/Vue 组件库生成,含 TypeScript 类型定义 - 高级动效编排,Framer Motion / Vue Transition 深度集成 - 品牌设计系统,色彩/字体/间距/组件规范化 - 设计令牌(Desi — from…
精英前端设计工具专业版,面向团队的企业级前端设计系统。核心能力: - 多页面应用设计,统一视觉语言贯穿全站 - React/Vue 组件库生成,含 TypeScript 类型定义 - 高级动效编排,Framer Motion / Vue Transition 深度集成 - 品牌设计系统,色彩/字体/间距/组件规范化 - 设计令牌(Desi — from…
Email template development with React Email and Tailwind CSS. Use when creating or modifying email templates, testing email rendering, or building email HTML from React components.
You are an expert in Ember.js, the opinionated frontend framework for ambitious web applications. You help developers build large-scale SPAs with Ember's…
Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks, UI implementation, and performance optimization — from stevenke1981/agent-manager
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. — from engineering/frontend
Design, implement, or review AI-generated software changes with explicit architecture boundaries, stable contracts, single sources of truth, visible failures, maintainable…
Create an onboarding guide for an engineer joining a team that consumes the design system. Trigger when someone says: onboard new engineer, developer getting started guide, new…
Premium implementation specialist - Masters Laravel/Livewire/FluxUI, advanced CSS, Three.js integration — from stevenke1981/agent-manager
23 engineering agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools.
23 engineering agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools.
23 engineering agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools.
Add visual features (thumbnails, badges, dynamic styling) to TypeScript components by coordinating TypeScript logic changes with CSS updates
CSS-first approach - use CSS before JavaScript. Triggers: レイアウト, スタイル, 位置, アニメーション, 表示/非表示, トグル, レスポンシブ, CSS Grid, Flexbox, transforms, transitions, CSSのみ, JavaScript不要, シンプル
Use compile-time validated environment variables with t3-oss/env-nextjs. Ensures type-safe access to environment variables with automatic validation at build time.
基于若依-vue-plus框架的后端全局异常处理规范。定义业务异常抛出、全局异常捕获、标准错误响应返回的完整规范体系。 确保系统错误统一处理,避免直接暴露堆栈信息,保障事务一致性和前后端交互的标准化。 触发场景: - 编写Service层业务逻辑需要抛出异常时 - 配置或修改GlobalExceptionHandler全局异常处理器时 -…
Aplica um estilo visual específico a uma label de nome em um componente React/TypeScript, utilizando fonte arredondada (ex: Poppins), cor laranja (#e26512), contorno preto via…
Create new event scraping scripts for websites. Use when adding a new event source to the Asheville Event Feed.
Comprehensive post-build verification of Shannon Framework's application outputs using three-layer methodology: Flow Verification (execution trace analysis), Artifact Ver — from…
Analisa comentários abertos de entrevistas de desligamento e pesquisas de engajamento (open-ends) extraindo temas, sentimento e sinais.
Expo React Native JavaScript best practices for clean code, functional components, performance optimization, and Expo Router navigation.
Install and wire @tanstack/react-query in Expo/React Native apps (providers, query client, fetch patterns, and screen usage).
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling — from engineering/frontend
Extract reusable UI components from inline patterns. Covers component design, TypeScript props, Storybook stories, refactoring strategy, and best practices for creating shared UI…
A harness that makes Opus (or any Claude model) behave like Fable — it enforces seeing a task through to the end, with evidence and verification, as procedure.
Faust.js by WP Engine is a JavaScript framework and WordPress plugin that streamlines building headless WordPress sites with Next.js.
프론트엔드 CRUD 화면을 작성합니다. Next.js + TypeScript + Tailwind CSS로 목록, 상세, 생성, 수정 화면을 구현합니다.
Reference for frontend-design heuristics — component architecture, layout patterns, form/table design, responsive strategy, a11y, UX principles.
Expert guidance for integrating FeatBit JavaScript Client SDK in browser environments. Use when user asks about "JavaScript client SDK", "browser feature flags", "FeatBit JS",…
Expert guidance for integrating FeatBit React Native SDK in mobile React Native and Expo applications.
Use when designing, implementing, or reviewing frontend-to-backend API integration, typed API clients, REST/tRPC/OpenAPI client choices, auth refresh, API error mapping, upload…
用于创建或审查 Nuxt 3 项目、文件路由、pages、layouts、SSR/SSG/SPA 行为、Nuxt 数据获取、route middleware、plugins、modules、server routes 或 Nuxt 特定 Vue 3 约定。通用 Vue 组件架构另按项目 Vue 约定处理;中文触发词包括 Nuxt、Nuxt 3。
Use when building React data-fetching and state hooks with fetcher-react, including usePromiseState, useExecutePromise, useFetcher, useQuery, useFetcherQuery, storage hooks, event…
Extracts design tokens from Figma files using the Figma REST API v1 and transforms them into platform-specific formats via Style Dictionary.
Extracts design tokens from Figma files using the Figma REST API and style-dictionary. Generates CSS custom properties, Tailwind configs, and Swift/Kotlin theme files from Figma…
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP server
Werkwijze voor het omzetten van een Figma JSON-dump (input.json met node-tree, fills, text styles, auto-layout) naar een standalone HTML-bestand met Tailwind v4 via CDN.
Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma designs to HTML/CSS, or when user mentions Figma links, design…
把 figma2html 管线产的 IR(.ui.json 像素快照 + flow.json 交互声明)落到 Cocos Creator 3.x —— TS 运行时解释器(组件加载 ui.json 动态建节点树 + flow 绑定器)+ python 离线校验器(引用完整性 + 资产清单)。要在 Cocos 工程里还原 figma…
MANDATORY for every coding agent (Claude Code, Codex, or any other) on every change-set — every applicable source file the agent creates or updates MUST start with the project's…
Storing uploaded and generated files in Remix v3 via `remix/file-storage` — a key/value interface (`set`, `get`, `remove`, `has`) over three backends: `createFsFileStorage`…
Next.js 14+ App Router integration with Firebase including server/client SDK separation and data fetching patterns.
Use when building React components, optimizing renders, managing state with Zustand, implementing error boundaries, using hooks, Server Components, Suspense, concurrent features,…
Scoring EXPLICÁVEL de risco de saída (flight risk) por colaborador a partir de um roster CSV. Não é caixa-preta: cada ponto de risco é atribuído a um fator transparente (comp…
All Engineering skills →
More in EngineeringTesting (3,955) · Devops (3,719) · Architecture (3,060) · Backend (2,477) · Languages (1,461) · Code Quality (1,434) · Cloud Platforms (1,292) · Databases (890) · Performance (843) · Mobile (630) · Observability (438) · Data Engineering (371) · Docs Engineering (319) · Workflow Orchestration (286) · ML AI Eng (280) · API Tooling (23)