GitHub
error-handling
Handle errors consistently across frontend and backend. Use when implementing try/catch patterns, error boundaries, API error responses, or error reporting.
☆ 1View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Tools
Browse skills
GitHub
react-frontend-standards
Expert guidance on QuanuX frontend development, enforcing Backend-Driven UI architecture and high-performance React patterns.
☆ 1View skill
GitHub
performance-optimization
Performance optimization patterns for backend services and frontend apps
☆ 1View skill
GitHub
frontend-design
UI/UX design patterns using DaisyUI v5 and TailwindCSS for Splits Network
☆ 1View skill
GitHub
frontend-patterns
Next.js 16 frontend best practices for Splits Network portal and candidate apps
☆ 1View skill
GitHub
ui-token-first
Enforce UI token usage for Espresso Engineered frontend work. Use when editing Svelte/SvelteKit UI, styling typography, voice lines, headers, cards, surfaces, or layout so styles come from frontend/src/lib/ui t...
☆ 1View skill
GitHub
design-system-token-enforcer
Enforce design system token usage in espresso-engineered-1 frontend UI work. Use when creating or editing Svelte components, layout sections, typography, spacing, colors, surfaces, or buttons, especially when i...
☆ 1View skill
GitHub
implement-feature
A workflow for implementing new features in YT Lite v3, covering backend (FastAPI), frontend (templates/static), and design aesthetics.
☆ 1View skill
GitHub
frontend-code-review
Review frontend code for quality, performance, UX, and consistency. Use for .tsx/.ts UI changes or before merges.
☆ 1View skill
GitHub
sr-cardoso-frontend
Frontend React/Vite/PWA do Sr Cardoso. Use quando editar paginas, componentes, hooks, fluxo de agendamento, painel admin, consumo de API REST e UX mobile-first.
☆ 1View skill
GitHub
frontend-design
Use when building web components, pages, or applications that need distinctive, production-grade interfaces. Helps avoid generic AI aesthetics with bold, intentional design choices.
☆ 1View skill
GitHub
ui-design
Opinionated constraints for building better interfaces with agents. Use when building UI components, implementing animations, designing layouts, reviewing frontend accessibility, or working with Tailwind CSS, m...
☆ 1View skill
GitHub
frontend-code-review
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.
☆ 1View skill
GitHub
frontend-testing
Generate Vitest + React Testing Library tests for Desktop Ethereal frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/revi...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces for Desktop Ethereal with high design quality. Use this skill when the user asks to build UI components, pages, or applications for the desktop companion...
☆ 1View 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...
☆ 1View 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...
☆ 1View skill
GitHub
frontend-data-flow
前端数据流与状态管理规范。涵盖 TanStack Query (React Query) 的使用模式、Query Keys 结构、API SDK 集成以及交互反馈标准。
☆ 1View skill
GitHub
component-refactoring
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexi...
☆ 1View skill
GitHub
jinja-roos-components
Create UI components using jinja-roos-components library. Use when building forms, buttons, modals, or any frontend elements in Wies templates.
☆ 1View skill
GitHub
cyberk-fsd-fe
Build Next.js applications using Feature Sliced Design (FSD) methodology. Organizes code into layers (app, screens, widgets, features, entities, shared) with clear separation - entities for data fetching/search...
☆ 1View skill
GitHub
frontend-ui-integration
Implement or extend a user-facing workflow in the FlexTime web application, integrating with existing backend APIs. Use when the feature is primarily a UI/UX change backed by existing APIs, affects only the web...
☆ 1View skill
GitHub
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...
☆ 1View skill
GitHub
frontend-design
Translates Figma designs into production-ready code with 1:1 visual fidelity. Automatically applied for frontend implementation, UI component creation, and when Figma URLs are provided.
☆ 1View 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.