Frontend
8107 skills in Development > Frontend
architecture
Architecture React - Principes et Organisation. Use when designing architecture or reviewing code structure.
documentation
Documentation lifecycle skill for API, code, and system guides with continuous validation.
frontend-design
Frontend design skill for UI/UX implementation - generates distinctive, production-grade interfaces
testing-react
Estrategia de Testes React. Use when writing tests, reviewing test coverage, or setting up testing.
pdforge
PDForge (PDF Noodle) API for generating PDFs from templates or HTML via curl.
tooling
Tooling React - Configuration et Optimisation. Use when working with tooling.
testing-react
Estrategia de Testing React. Use when writing tests, reviewing test coverage, or setting up testing.
slides-generator
Generate interactive presentation slides using React + Tailwind. Triggers on keywords like "slides", "presentation", "PPT", "demo", "benchmark".
coding-standards
Estándares de Codificación React TypeScript. Use when reviewing code style or formatting.
tooling
React Tooling - Configuration and Optimization. Use when working with tooling.
build-run-local
Run local builds with proper environment setup. Use when building code locally to verify changes before pushing.
react
React/Next.jsのプロジェクトで、UI=計算モデル(コンポーネント/状態/レンダリング)を軸に、設計・実装・レビュー・性能改善の判断を整理する。doc/rdd.md に「技術スタック React」または「技術スタック Next.js」があるリポジトリ、あるいはReactの状態管理/レンダリング/Server Components/SSR/Streaming/バンドル/パフォーマンス相談で使う。
frontend-implementation
FigmaやUI要件を「壊れない・拡張しやすい」実装へ翻訳するための判断軸。px写経を避け、比率・構造・制約・状態を先に設計してからUIを組み立てる。
architecture
Arquitectura React - Organización y Patrones. Use when designing architecture or reviewing code structure.
sop-code-review
Standardize code review execution with repeatable steps, evidence requirements, and confidence ceilings.
github-integration
Build reliable GitHub integrations, webhooks, and automation bridges
frontend-aesthetics
Distinctive frontend design principles for avoiding generic AI defaults, implementing thoughtful typography/color/animations, and creating polished user experiences based on Claude Code design research
architecture
React Architecture - Principles and Organization. Use when designing architecture or reviewing code structure.
architecture
Arquitetura React Native - Princípios e Organização. Use when designing architecture or reviewing code structure.
claude-plugin-validation
Comprehensive validation system for Claude Code plugins to ensure compliance with official plugin development guidelines and prevent installation failures