💻

Frontend

8107 skills in Development > Frontend

brand-guidelines

Apply brand colors and typography to artifacts. Use when brand colors, style guidelines, visual formatting, or company design standards apply. Ensures consistency across branded content.

skillcreatorai/Ai-Agent-Skills
379
31
更新日 1w ago

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

skillcreatorai/Ai-Agent-Skills
379
31
更新日 1w ago

debug-lldb

Capture and analyze thread backtraces with LLDB/GDB to debug hangs, deadlocks, UI freezes, IPC stalls, or high-CPU loops across any language or project. Use when an app becomes unresponsive, switching contexts stalls, or you need thread stacks to locate lock inversion or blocking calls.

regenrek/codex-1up
371
15
更新日 1w ago

improvement

Guide for making improvements to existing ClaudeBar functionality using TDD. Use this skill when: (1) Enhancing existing features (not adding new ones) (2) Improving UX, performance, or code quality (3) User asks "improve X", "make Y better", or "enhance Z" (4) Small enhancements that don't require full architecture design For NEW features, use implement-feature skill instead.

tddworks/ClaudeBar
338
26
更新日 1w ago

test-generator

Automatically suggest tests for new functions and components. Use when new code is written, functions added, or user mentions testing. Creates test scaffolding with Jest, Vitest, Pytest patterns. Triggers on new functions, components, test requests, testing mentions.

alirezarezvani/claude-code-tresor
329
92
更新日 1w ago

devup-ui

A zero-runtime CSS-in-JS preprocessor framework for React. Use this skill when working with Devup UI components, styling, theming, or build configuration. This skill covers component usage (Box, Flex, Grid, Text, Button, etc.), styling APIs (css, styled, globalCss, keyframes), theme configuration, and build plugin setup for Vite, Next.js, Webpack, and Rsbuild.

dev-five-git/devup-uiRust
314
24
更新日 1w ago

code-quality

Provides WordPress coding standards, PHP/CSS/JS style guide, code linting and static analysis (phpcs, phpstan, rector, phpcbf). Use before writing or editing PHP, CSS, or JavaScript code, when fixing lint errors, running code quality tools, or reviewing code style compliance.

bonny/WordPress-Simple-History
313
74
更新日 1w ago

moai-component-designer

Enterprise-grade component design and architecture with React 19, Vue 3.5, Atomic Design patterns, accessibility standards (WCAG 2.1 AA), design systems, and production-ready component libraries. Use when building reusable component systems, designing component libraries, implementing Atomic Design, ensuring accessibility compliance, or creating scalable UI architectures.

modu-ai/moai-adk
310
64
更新日 1w ago

moai-domain-cloud

Enterprise-grade cloud architecture expertise with production-ready patterns for AWS (Lambda 3.13, ECS/Fargate 1.4.0, RDS, CDK 2.223.0), GCP (Cloud Run Gen2, Cloud Functions 2nd gen, Cloud SQL), Azure (Functions v4, Container Apps, AKS), and multi-cloud orchestration (Terraform 1.9.8, Pulumi 3.x, Kubernetes 1.34). Covers serverless architectures, container orchestration, multi-cloud deployments, cloud-native databases, infrastructure automation, cost optimization, security patterns, and disaster recovery for 2025 stable versions.

modu-ai/moai-adk
310
64
更新日 1w ago

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

modu-ai/moai-adk
310
64
更新日 1w ago

moai-cc-mcp-builder

AI-powered enterprise MCP (Model Context Protocol) server development orchestrator with Context7 integration, intelligent code generation, automated architecture design, and enterprise-grade server deployment patterns for advanced LLM service integration

modu-ai/moai-adk
310
64
更新日 1w ago

moai-alfred-agent-factory

Agent Factory master skill for intelligent Claude Code agent generation.Includes requirement analysis, domain detection, model selection, template system,validation framework, and advanced features. Contains algorithms, workflows, and patterns.

modu-ai/moai-adk
310
64
更新日 1w ago

moai-nextra-architecture

Nextra (Next.js Docs Framework) architecture, MDX, and theme config

modu-ai/moai-adk
310
64
更新日 1w ago

moai-foundation-ears

EARS (Easy Approach to Requirements Syntax) format for clear requirements

modu-ai/moai-adk
310
64
更新日 1w ago

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

modu-ai/moai-adk
310
64
更新日 1w ago

moai-baas-neon-ext

Enterprise Neon Serverless PostgreSQL Platform with AI-powered database architecture, Context7 integration, and intelligent branching orchestration for scalable modern applications

modu-ai/moai-adk
310
64
更新日 1w ago

moai-foundation-trust

Complete TRUST 4 principles guide covering Test First, Readable, Unified, Secured. Validation methods, enterprise quality gates, metrics, and November 2025 standards. Enterprise with 50+ software quality standards references.

modu-ai/moai-adk
310
64
更新日 1w ago

moai-lang-html-css

Enterprise Skill for advanced development

modu-ai/moai-adk
310
64
更新日 1w ago

moai-lang-html-css

Enterprise Skill for advanced development

modu-ai/moai-adk
310
64
更新日 1w ago

moai-lang-swift

Swift 6+ development specialist covering SwiftUI, Combine, Swift Concurrency, and iOS patterns. Use when building iOS apps, macOS apps, or Apple platform applications.

modu-ai/moai-adk
310
64
更新日 1w ago