GitHub
contract-validation
Validates frontend-backend API contracts. Apply when modifying API endpoints or service files.
☆ 0View skill
Search results for “Frontend”
Skills matching the name, description or GitHub author.
Categories: Tools
Browse skills
GitHub
frontend-design
Create distinctive, mobile-first Next.js interfaces with high design quality. Use when building pages, components, or layouts. Generates polished code that avoids generic AI aesthetics.
☆ 0View skill
GitHub
web-dev-skills
Use when working on web development tasks involving NextJS, React, TypeScript, Tailwind CSS, testing, deployment, APIs, databases, authentication, cloud infrastructure, or any modern web development stack. Prov...
☆ 0View skill
GitHub
ultimate-frontend
Create production-ready, gorgeous frontend interfaces with expert design guidance, modern component patterns, animations, and extensive templates. Combines design principles, component libraries (React/shadcn/u...
☆ 0View skill
GitHub
frontend-design-concept
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
frontend-design
Create distinctive, mobile-first Next.js interfaces with high design quality. Use when building pages, components, or layouts. Generates polished code that avoids generic AI aesthetics.
☆ 0View skill
GitHub
frontend-accessibility
Generates accessible HTML, React, and frontend code following WCAG 2.2 AA guidelines. Use when creating UI components, forms, navigation, or any user-facing frontend code. Focuses on semantic HTML, keyboard acc...
☆ 0View skill
GitHub
add-swapper-integration
Guide for adding new DEX/swapper integrations to the ShapeShift Revenue Dashboard. Covers research, API investigation, implementation patterns, and frontend integration.
☆ 0View skill
GitHub
frontend-design
前端设计指导 Skill，用于 UI 组件设计、界面布局、设计系统一致性审查、 CSS/Tailwind 优化、响应式设计和可访问性检查。当需要进行 UI 设计决策、 组件结构规划、设计审查或样式优化时使用此 Skill。
☆ 0View skill
GitHub
nextjs-neon-performance-optimizer
Comprehensive performance analysis and optimization for Next.js applications using Neon Postgres. Identifies bottlenecks across frontend, backend, and database layers.
☆ 0View skill
GitHub
component-implementer
Implements UI components from design specifications. Use when implementing frontend components, pages, or UI elements. Follows design specs from ui-ux-designer, implements responsive design, and ensures accessi...
☆ 0View skill
GitHub
generate-frontend-wiring
This skill should be used when the user asks to "generate frontend wiring", "show frontend wiring", "create RHDH binding", "generate dynamic plugin config", "show plugin wiring for RHDH", "create app-config for...
☆ 0View skill
GitHub
rhdh-frontend-dynamic-plugin-bootstrap
This skill should be used when the user asks to "create RHDH frontend plugin", "bootstrap frontend dynamic plugin", "create UI plugin for RHDH", "new frontend plugin for Red Hat Developer Hub", "add entity card...
☆ 0View skill
GitHub
rhdh-backend-dynamic-plugin-bootstrap
This skill should be used when the user asks to "create RHDH backend plugin", "bootstrap backend dynamic plugin", "create backstage backend plugin for RHDH", "new backend plugin for Red Hat Developer Hub", "cre...
☆ 0View skill
GitHub
frontend-verify
agent-browserを使用したフロントエンド実装の検証スキル。UI実装後の動作確認、インタラクションテスト、アクセシビリティ確認に使用。「フロントエンドを検証」「UIを確認」「/frontend-verify」「画面の動作確認」などで使...
☆ 0View skill
GitHub
shadcn-ui-designer
Expert frontend design and implementation using shadcn/ui components for Next.js and React applications. Use when building user interfaces, implementing UI features, creating forms, dashboards, data tables, mod...
☆ 0View skill
GitHub
better-auth-specialist
Expert implementation of user authentication and authorization using Better Auth library for Next.js 15+/React 18+ frontends and Node.js/FastAPI backends with SQL and NoSQL databases. Use when implementing auth...
☆ 0View skill
GitHub
playwright
Playwright E2E testing for customer frontend Use when: Writing E2E tests for Angular customer frontend, testing authentication flows, testing game listings, testing profile/KYC workflows
☆ 0View skill
GitHub
frontend-design
Angular UI components with Material Design, SCSS design system, and responsive layouts. Use when: Creating new UI components, styling pages, implementing responsive layouts, adding animations, or maintaining vi...
☆ 0View skill
GitHub
frontend-css
Write and maintain CSS using consistent methodology (Tailwind, BEM, CSS modules, utility classes) while following the project's design system and avoiding framework overrides. Use this skill when writing CSS st...
☆ 0View skill
GitHub
frontend-accessibility
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or editing UI components, HTML te...
☆ 0View skill
GitHub
frontend-components
Design and build reusable, composable UI components with single responsibility, clear interfaces, and proper encapsulation. Use this skill when creating or editing React components, Vue components, Svelte compo...
☆ 0View skill
GitHub
frontend-responsive
Implement responsive designs using mobile-first development, fluid layouts, standard breakpoints, and relative units to ensure optimal viewing across all device sizes. Use this skill when creating layouts, impl...
☆ 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
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.