💻

Frontend

8107 skills in Development > Frontend

python-testing-patterns

Marketplace

Use when writing Python tests, setting up test suites, or implementing testing best practices. Covers pytest, fixtures, mocking, and test-driven development.

pproenca/dot-claude
0
0
Actualizado 1w ago

onboard-external-telemetry

Marketplace

Activate when users want to connect external data sources, cloud logs, SaaS applications, or third-party telemetry into LimaCharlie. Guides beginners through identifying requirements, obtaining credentials, and configuring adapters.

tekgrunt/boot-test
0
0
Actualizado 1w ago

deploying-cloud-k8s

Deploys applications to cloud Kubernetes (AKS/GKE/DOKS) with CI/CD pipelines.Use when deploying to production, setting up GitHub Actions, troubleshooting deployments.Covers build-time vs runtime vars, architecture matching, and battle-tested debugging.

majiayu000/claude-skill-registry
0
0
Actualizado 1w ago

comprehensive-frontend-dev

Complete frontend development skill combining distinctive design aesthetics with technical excellence. Creates production-grade web applications using React, Next.js, TypeScript, and modern tooling. Use when building web components, pages, or applications that require both exceptional design quality and robust technical implementation. Handles everything from creative UI design to performance optimization, component scaffolding, bundle analysis, and deployment.

nickloveinvesting/WONDER-APP
0
0
Actualizado 1w ago

neurosurgical-book-parser

Extract structured knowledge from neurosurgical and spine surgery textbooks. Identifies anatomical structures, surgical procedures, complications, and clinical relationships. Use when processing medical PDFs, building surgical knowledge graphs, or creating clinical decision support content. Applies kaizen continuous improvement from prior extractions.

majiayu000/claude-skill-registry
0
0
Actualizado 1w ago

argparse-patterns

Marketplace

Standard library Python argparse examples with subparsers, choices, actions, and nested command patterns. Use when building Python CLIs without external dependencies, implementing argument parsing, creating subcommands, or when user mentions argparse, standard library CLI, subparsers, argument validation, or nested commands.

vanman2024/cli-builder
0
0
Actualizado 1w ago

frontend-api-integration

Guide for building robust API integration layers in React/TypeScript applications. Use when implementing HTTP clients (axios/fetch), request/response interceptors, authentication token handling, error handling strategies, retry logic, request cancellation, or organizing API services. Triggers on questions about API client setup, custom hooks for data fetching, React Query/SWR integration, or service layer patterns.

MUmerRazzaq/fast-next-todo
0
0
Actualizado 1w ago

ai-integration

Integrating AI and LLM capabilities into applications for enhanced functionalities. Use when implementing AI features, processing data with ML models, building generative workflows, or integrating AI APIs.

violabg/dev-recruit
0
0
Actualizado 1w ago

lombok-patterns

Use Lombok annotations to reduce Java boilerplate. Use when creating entities, DTOs, or services that need getters, setters, builders, or constructors.

edlovesjava/claudeplus
0
0
Actualizado 1w ago

assessment-builder

Creates assessments with varied question types (MCQ, code-completion, debugging, projects) aligned to learning objectives. Use when educators design quizzes/exams, need questions at appropriate Bloom's cognitive levels, want balanced cognitive distribution (60%+ non-recall), or require rubrics for open-ended questions.

majiayu000/claude-skill-registry
0
0
Actualizado 1w ago

experiment-analyzer

Analyze completed growth experiment results, validate hypotheses, generate insights, and suggest follow-up experiments. Use when experiments are completed, when the user asks about results or learnings, or when discussing what to do next based on experiment outcomes.

majiayu000/claude-skill-registry
0
0
Actualizado 1w ago

neuphorism

Create web pages and UI components using the Neuphorism design system—a soft, tactile neumorphic aesthetic with extruded/pressed shadows, muted surface colors, and refined typography. Use when the user requests neuphorism/neumorphic styling, soft UI, or references this design system for any web page, component, dashboard, or application. Framework-agnostic (works with vanilla HTML/CSS, React, Vue, Tailwind, etc.).

majiayu000/claude-skill-registry
0
0
Actualizado 1w ago

repomix-cache-refresh

Marketplace

Post-workflow cache refresh for Repomix. Automatically refreshes compressed codebase representation after files are modified. Ensures next command has accurate context with 70% token savings. Invoke at end of any workflow that modifies source files. Takes ~2.4 seconds when refresh needed.

metasaver/metasaver-marketplace
0
0
Actualizado 1w ago

frontend-design

Marketplace

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

ShintaroaSuzuki/shintaroasuzuki-plugins
0
0
Actualizado 1w ago

motion-vue

Motion for Vue animation library guidance. Use when building Vue animations with motion-v package, implementing gesture animations (hover, press, drag), scroll-linked animations, layout animations, exit animations with AnimatePresence, variants, spring physics, or using hooks like useAnimate, useScroll, useSpring, useMotionValue, useTransform. Triggers on keywords like motion.div, motion-v, whileHover, whilePress, whileDrag, whileInView, AnimatePresence, layout animations, scroll animations, MotionConfig, LayoutGroup.

akornmeier/claude-config
0
0
Actualizado 1w ago

vitest-configuration

Marketplace

Vitest setup and best practices. Use when configuring Vitest for TypeScript projects.

IvanTorresEdge/molcajete.ai
0
0
Actualizado 1w ago

5-styleguide-generation

Fifth step in building instruction context for codebase

majiayu000/claude-skill-registry
0
0
Actualizado 1w ago

task-planning

다음 작업 계획 및 우선순위 분석. 작업, 계획, 다음, next, plan, todo 키워드에 자동 활성화.

IDEA-on-Action/IDEA-on-Action
0
0
Actualizado 1w ago

brand-guidelines

Applies PwC's official brand colors and typography to any sort of artifact that may benefit from having PwC's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

NightingaleV/agentic-dev-env
0
0
Actualizado 1w ago

qa

🔄 PHP-QA-CI TOOL ORCHESTRATOR - Automatic run→fix→run cycling for php-qa-ci tools.**ONLY for php-qa-ci pipeline tools** (./bin/qa -t toolname)NOT for ad-hoc tool execution outside php-qa-ci.Use when user requests QA tools via php-qa-ci:- "run phpstan", "use stan skills"- "run tests", "run phpunit"- "run rector", "run cs fixer"- "run allStatic", "run allCS"**CRITICAL**: MUST cycle automatically until tool reports clean OR escalation needed.DO NOT stop after one fix to ask "what next?" - KEEP CYCLING.Supports all php-qa-ci tools via ./bin/qa -t {toolname}:- phpstan (static analysis) - has fixer agent- phpunit (tests) - has fixer agent- rector (refactoring) - self-fixing, re-run until clean- fixer (code style) - self-fixing, re-run until clean- infection (mutation testing) - no auto-fix- allStatic/allCs/allTests - meta groupsAutomatically detects which tools have fixers and invokes them.**PERFORMS PREFLIGHT CHECK**: Invokes docs-conflict-checker agent to ensureproject documentation doesn

LongTermSupport/php-qa-ci
0
0
Actualizado 1w ago