GitHub
frontend-feature
Guide for implementing frontend features following the feature-first architecture. Use when creating new pages, lists, forms, or CRUD features.
☆ 0View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Documentation
Browse skills
GitHub
frontend-imports
Guide for organizing imports using barrel exports in frontend features. Use when creating or refactoring feature modules.
☆ 0View skill
GitHub
app-testing
Guide for writing frontend tests including unit tests with Vitest, component tests, and visual/E2E tests with Playwright MCP. Use when creating tests for hooks, components, or pages.
☆ 0View skill
GitHub
playwright-e2e
Visual E2E testing workflow for frontend UI changes. Use after modifying Svelte components, layouts, or styles to verify the UI renders correctly.
☆ 0View skill
GitHub
web-design
Web/CSS implementation patterns for building polished frontends. Use when implementing designs in HTML/CSS, building components, or creating responsive web interfaces.
☆ 0View skill
GitHub
tech-blog-frontend-optimizer
テックブログのフロントエンド改善を総合的に支援するスキル。PV数・滞在時間の向上、ユーザー満足度の改善、SEO最適化を目的に、パフォーマンス、アクセシビリティ、UI/UX、Core Web Vitalsの改善提案を実施。「フロントエン...
☆ 0View skill
GitHub
frontend-theming
Your approach to handling frontend theming. Use this skill when working on files where frontend theming comes into play.
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with modern, minimalistic, and luxury design aesthetic. Use this skill when the user asks to build web components, pages, or applications.
☆ 0View skill
GitHub
helm-chart-generator
Generate production-ready Helm charts for Kubernetes apps. Use when: (1) Deploying applications to Kubernetes, (2) Containerizing apps for Minikube/K8s, (3) Creating reusable deployment packages, (4) Needing pa...
☆ 0View skill
GitHub
technical
Comprehensive technical architecture guidance for full-stack applications. Use when discussing system design, component architecture, API design, database schema, state management, deployment strategies, perfor...
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 0View skill
GitHub
frontend-api-integration
Expert knowledge of frontend JavaScript for API integration including fetch/axios patterns, async/await error handling, form validation and submission, pagination implementation, loading states, DOM manipulatio...
☆ 0View skill
GitHub
test-writing
TDD（テスト駆動開発）に基づいたテストコード作成スキル。Red-Green-Refactorサイクルを実践し、 t-wadaのベストプラクティスに従ってテストファーストで高品質なテストを作成します。 Backend（Go test）とFrontend（Jest）...
☆ 0View skill
GitHub
apex-os-design
Generates premium dark-mode UI for Apex OS wellness app (React Native + Expo 54). Use when designing screens, creating components, making layout decisions, generating data visualizations, or writing frontend co...
☆ 0View skill
GitHub
frontend-accessibility
Build accessible user interfaces following WCAG guidelines with semantic HTML, keyboard navigation, screen reader support, and proper color contrast. Use this skill when creating or modifying UI components, imp...
☆ 0View skill
GitHub
frontend-components
Structure React 19+ components following best practices for organization, state management, props handling, and code readability with top-down structure and single responsibility principle. Use this skill when...
☆ 0View skill
GitHub
docker-health-build-validation
Valida la configuración de Docker, construye imágenes y verifica que todos los servicios arranquen correctamente. Chequea health endpoints del backend, frontend y bases de datos.
☆ 0View skill
GitHub
frontend-expert
Expert frontend development with React, Vue, Next.js, state management, and modern UI/UX patterns
☆ 0View skill
GitHub
frontend-design
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 avoid...
☆ 0View skill
GitHub
nextjs-setup
Initialize Next.js 16+ frontend projects with TypeScript, Tailwind CSS, Zustand state management, Axios HTTP client, Aceternity UI effects, and App Router. Use when setting up a new Next.js frontend or initiali...
☆ 0View skill
GitHub
better-auth-integration
Integrate Better Auth for JWT-based authentication in Next.js frontend and FastAPI backend. Handles signup, login, logout, token management, and protected routes. Use when implementing authentication for Phase...
☆ 0View skill
GitHub
chatkit-frontend
Build production-ready chat UI with OpenAI ChatKit React components. Handles ChatKit installation, useChatKit hook configuration, theming, streaming display, conversation sidebar, and rich widgets. Use when imp...
☆ 0View skill
GitHub
chatkit-backend
Build FastAPI backend for OpenAI ChatKit with SSE streaming, conversation persistence, and AI agent integration. Handles /chatkit endpoint, ChatKit-compatible SSE format, conversation models, and message storag...
☆ 0View skill
GitHub
openai-chatkit-setup
DEPRECATED - Use chatkit-frontend skill instead. This skill has been consolidated into the chatkit-frontend skill for better organization.
☆ 0View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.