Frontend

Guide for creating, configuring, and distributing Claude Code plugins with hooks, skills, commands, and MCP servers. Use when user asks to create a plugin, set up hooks, add plugin functionality, create a marketplace, or distribute custom Claude Code extensions.

Git 项目版本发布自动化工具。支持语义化版本号升级 (major/minor/patch)，基于 Angular commit 规范自动生成 CHANGELOG，创建 git tag 并推送到远程仓库。触发关键词：- "发布版本"、"升级版本"、"更新版本"、"版本发布"、"发新版"- "更新版本并提交"、"升级并提交"、"发布并推送"- "bump version"、"release"、"new release"- "打tag"、"创建发布"、"创建tag"- "大版本更新"、"小版本更新"、"补丁版本"- "major release"、"minor release"、"patch release"

Эксперт Detox тестирования. Используй для React Native E2E tests и mobile automation.

Use when investigating test suite issues, reducing CI/CD time, identifying brittle tests, finding test duplication, or analyzing test maintenance burden - reveals test code quality problems through git history analysis

Translate Figma designs into production code with 1:1 visual parity. Use when user mentions Figma files, design handoff, or UI implementation from designs.

Master modern frontend development, UI/UX design principles, responsive design, component architecture, and design systems. Includes HTML, CSS, JavaScript, TypeScript, React, Next.js, Vue, Angular, React Native, and UX/Design system fundamentals.

Applies Sentient.io's official brand colors, typography, and logo standards to product marketing materials including brochures, landing pages, presentations, and digital assets. Use when creating any Sentient.io branded content.

Focused pattern for fetching data using URL parameters in Next.js. Covers creating dynamic routes ([id], [slug]) and accessing route parameters in server components to fetch data from APIs. Use when building pages that display individual items (product pages, blog posts, user profiles) based on a URL parameter. Complements nextjs-dynamic-routes-params with a simplified, common-case pattern.

Generate SolidJS components with TypeScript and reactive primitives. Triggers on "create solid component", "generate solidjs component", "solid component", "solidjs file".

Small business finance, tax strategy, and wealth management. Auto-activates for Augusta Rule, home office deduction, Solo 401k, R&D credits, tax optimization, Mercury/Ramp operations, Bitcoin treasury, IRS notices, audit defense, and bootstrapped founder CFO work.

Generate sophisticated, executive-grade weekly intelligence briefs by synthesizing data from Asana, Gmail, and Google Drive into production-quality HTML dashboards suitable for board presentations and strategic decision-making.

Hyper-opinionated Claude agent for building production-ready Next.js apps with DynamoDB. Enforces best practices, eliminates technology debates, and focuses on shipping functional apps fast. Use when building full-stack applications with Next.js 15 App Router and AWS DynamoDB.

将文章或内容转换为专业的中文可视化HTML网页。当需要生成HTML页面、制作可视化内容展示页、将Markdown或文本转换为网页时使用。

Create and manage Claude Code plugins including commands, agents, skills, hooks, and MCP servers. This skill should be used when building new plugins, debugging plugin issues, understanding plugin structure, or working with plugin marketplaces.

Rust coding standards (Japanese comments required, error handling, logging, naming conventions). Use when writing new code, adding error handling, logging, fixing errors, asking about coding style, thiserror, tracing, naming conventions, or code review.

Breaks down complex software tasks into atomic, actionable work items using structured methodologies. Use when planning features, analyzing requirements, decomposing user stories, creating work breakdown structures, or splitting large tasks into implementable units.

Revisa cambios de codigo en la UI Nuxt/Vue buscando problemas de accesibilidad, rendimiento, reactividad, tipos, y violaciones de buenas practicas. Usar cuando el usuario diga "revisa el codigo", "review ui", "analiza los cambios" o invoque /review-ui.

Use when writing or reviewing technical documentation to follow Google's documentation style guide - https://developers.google.com/style

Optimize SvelteKit applications by leveraging SvelteKit's full-stack architecture for instant server-side rendering and progressive enhancement. Specialized in load functions, form actions, and SvelteKit's data loading patterns.Use when:- User reports slow initial page load with loading spinners- Page uses onMount + fetch for data fetching- Store patterns cause waterfall fetching- Need to improve SEO (content not in initial HTML)- Converting client-side data fetching to server-side load functions- Implementing progressive enhancement patternsTriggers: "slow loading", "optimize fetching", "SSR data", "SvelteKit optimization","remove loading spinner", "server-side fetch", "convert to load function", "progressive enhancement","data fetch lambat", "loading lama"

Specialized development guidelines for the Zap Pilot frontend built with Next.js 15, React 19, Tailwind CSS v4, and TypeScript. Covers service-first architecture, component composition patterns, TanStack Query integration, Radix UI components, Web3 wallet integration via ThirdWeb SDK, routing with Next.js App Router, and progressive web app optimization. Use when working with React components, API integration, styling, data fetching, wallet connectivity, or building new features.