GitHub
frontend-designer
Provides rules and guidelines for design and UI/UX. Must be referred to when working on frontend or user facing elements.
☆ 1View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories
frontend Clear filters
Browse skills
GitHub
frontend-philosophy
Visual & UI philosophy (The 5 Pillars of Intentional UI). Apply to styling, layout, colors, typography, animations. Avoid "AI slop" aesthetics.
☆ 1View skill
GitHub
frontend-aesthetics
Use when creating UI designs to avoid generic "AI slop" aesthetics. Enforces distinctive typography, cohesive color systems, purposeful motion, and atmospheric backgrounds. Critical for landing pages, dashboard...
☆ 1View skill
GitHub
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 1View skill
GitHub
dev
Start/restart all development servers (backend, frontend, postgres) and verify they're working
☆ 1View skill
GitHub
playwright-testing
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y. Use for Playwright MCP browser automation, Vitest/Jest/RTL, flaky test triage, CI stabilization, and canvas/WebGL games (Phaser) need...
☆ 1View skill
GitHub
brand-design
Applies consistent brand identity, design tokens, and copywriting voice to projects. Use when designing UI, writing content, or setting up frontend themes.
☆ 1View skill
GitHub
frontend-specialist
Expert AI agent for Next.js 15, React 19, and modern frontend development.
☆ 1View skill
GitHub
frontend
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...
☆ 1View skill
GitHub
opal-frontend-common-ui-lib-review-guidelines
Automated review rules for opal-frontend-common-ui-lib PRs. Use when asked to review code, run @codex review, or provide PR feedback; apply severity levels and the required comment format.
☆ 1View skill
GitHub
frontend-security
Security guidelines for frontend code. Covers token storage, XSS prevention, authorization, and secure coding practices. CRITICAL INSTRUCTION You MUST ALWAYS use this skill before editing/writing any file match...
☆ 1View skill
GitHub
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.
☆ 1View skill
GitHub
king-mode
Senior Frontend Architect mode with ULTRATHINK deep reasoning protocol. Activates avant-garde UI design with intentional minimalism and strict library discipline.
☆ 1View skill
GitHub
opal-frontend-common-ui-lib-repo-guidelines
Repository structure, build/test commands, coding style, and contribution rules for opal-frontend-common-ui-lib. Use when navigating the repo, running or debugging builds/lint/tests, or following style conventi...
☆ 1View skill
GitHub
design-system
Single source of truth for all visual decisions in the AI Donor Matcher Frontend. Use this skill whenever styling any component, page, or UI element. Defines the teal/emerald color palette, Space Grotesk typogr...
☆ 1View skill
GitHub
frontend-principles
Criterios de trabajo para HTML semántico, CSS y JavaScript vanilla.
☆ 0View skill
GitHub
frontend
Frontend UI/UX Engineer for interface design and implementation. Use when: creating UI components, styling, animations, responsive design, or UI review. 前端/UI 专家，设计师型开发者，关注间距、色彩、微交互。
☆ 0View skill
GitHub
frontend-design
This skill should be used when implementing "UI/UX design", "Streamlit component design", "frontend styling", "user interface consistency", "design system implementation", "responsive design", or when creating...
☆ 0View skill
GitHub
vercel-deploy
This skill should be used when the user asks to "deploy to Vercel", "deploy frontend", "push to production", "deploy my app", "go live on Vercel", or mentions Vercel deployment workflows.
☆ 0View skill
GitHub
frontend-design
This skill should be used when the user asks to "build a component", "create a page", "design an interface", "implement a UI", "add animations", "make it responsive", or needs guidance on design systems, access...
☆ 0View skill
GitHub
omnidev
Omniscient hyper-elite software engineering command center. Triggers: write code, debug, fix bug, build app, create API, design system, architect, deploy, secure, optimize, refactor, review code, test, CI/CD, D...
☆ 0View skill
GitHub
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.
☆ 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
test-triage
Debugs failing tests, flaky tests, and Node processes that won't exit after tests complete. Use when backend/shared/frontend tests fail or hang.
☆ 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.