Skip to main content

senior-frontend

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

星标

32

分支

8

更新时间

2025年10月22日 08:31

下载技能文件

下载包含 SKILL.md 和所有相关文件的完整技能目录

相关技能

modu-ai

moai-domain-frontend

modu-ai

Modu-AI's Agentic Development Kit

109web
modu-ai

moai-domain-backend

modu-ai

Modu-AI's Agentic Development Kit

109web
ComposioHQ

artifacts-builder

ComposioHQ

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

80web
mrgoonie

remix-icon

mrgoonie

Guide for implementing RemixIcon - an open-source neutral-style icon library with 3,100+ icons in outlined and filled styles. Use when adding icons to applications, building UI components, or designing interfaces. Supports webfonts, SVG, React, Vue, and direct integration.

62web
mrgoonie

shadcn-ui

mrgoonie

Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS. Use when building user interfaces, adding UI components, or implementing design systems in React-based applications.

62web
mrgoonie

shopify

mrgoonie

Guide for implementing Shopify apps, extensions, themes, and integrations using GraphQL/REST APIs, Shopify CLI, Polaris UI, and various extension types (Checkout, Admin, POS). Use when building Shopify apps, implementing checkout extensions, customizing admin interfaces, creating themes with Liquid, or integrating with Shopify's APIs.

62web
mrgoonie

nextjs

mrgoonie

Guide for implementing Next.js - a React framework for production with server-side rendering, static generation, and modern web features. Use when building Next.js applications, implementing App Router, working with server components, data fetching, routing, or optimizing performance.

62web
LeastBit

artifacts-builder

LeastBit

一套基于现代前端技术(React、Tailwind CSS、shadcn/ui)的工具,用来创建复杂的 claude.ai HTML 成品。适用于需要状态管理、路由或 shadcn/ui 组件的复杂作品,不适用于简单的单文件 HTML/JSX。

38web
Prat011

theme-factory

Prat011

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

18web
Prat011

artifacts-builder

Prat011

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

18web
greyhaven-ai

grey-haven-tanstack-patterns

greyhaven-ai

Apply Grey Haven's TanStack ecosystem patterns - Router file-based routing, Query data fetching with staleTime, and Start server functions. Use when building React applications with TanStack Start.

14web
greyhaven-ai

grey-haven-project-structure

greyhaven-ai

Organize Grey Haven projects following standard structures for TanStack Start (frontend) and FastAPI (backend). Use when creating new projects, organizing files, or refactoring project layout.

14web
senior-frontend - alirezarezvani 的 Claude AI 技能 | SkillsMP