GitHub
frontend-ui-builder
Build responsive frontend pages and reusable UI components with clean layouts and modern styling.
☆ 1View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - :class/class usage, theme variables, no var() in class.
☆ 1View skill
GitHub
astro
Astro framework patterns and best practices for content-focused sites. Trigger: When working with .astro files, content collections, or Astro routing.
☆ 1View skill
GitHub
vue
Vue 3 Composition API patterns with TypeScript, Pinia, and Vee-Validate. Trigger: When working with .vue files, composables, Pinia stores, or form validation.
☆ 1View skill
GitHub
design
UI/UX design using designer agent. Creates layouts, components, and design specs.
☆ 1View skill
GitHub
design-review
Evaluate a React component against the Design System and propose UX/UI improvements based on Figma best practices. Use when reviewing components for design compliance, checking UI consistency, or improving user...
☆ 1View skill
GitHub
angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
☆ 1View skill
GitHub
nextjs-patterns
Next.js 15+ development patterns with App Router, Server Components, Client Components, and Convex integration. Use when building React components, pages, layouts, or working with Next.js features in this monor...
☆ 1View skill
GitHub
tailwind-design
Create distinctive, production-grade frontend interfaces using Tailwind CSS and shadcn/ui. Use when building React components, pages, or applications that need polished visual design. Generates creative, memora...
☆ 1View skill
GitHub
designing-nextjs-ui
Create professional, attractive, and visually striking user interfaces in Next.js. Use when building beautiful websites, landing pages, dashboards, or any UI that needs to stand out. Covers Tailwind CSS utiliti...
☆ 1View skill
GitHub
animation-designer
Use when the user explicitly requests animations, transitions, or motion design for a web UI.
☆ 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. Generates creative, poli...
☆ 1View skill
GitHub
ui-styling
Use when building or styling React-based UIs with shadcn/ui and Tailwind CSS, including responsive layouts, accessible components, and theme customization.
☆ 1View skill
GitHub
ui-style-compliance
Use when designing or reviewing UI in React-based frameworks (Next.js, Vite, Remix, Astro) and the task involves checking interface style, interaction, animation, typography, layout, performance, or design cons...
☆ 1View skill
GitHub
senior-frontend
Use when developing or reviewing frontend features in React/Next.js/TypeScript, including performance optimization, component scaffolding, and UI implementation.
☆ 1View skill
GitHub
nicegui-development
Use when building UI with NiceGUI, creating components, fixing styling issues, or when user mentions "nicegui", "quasar", "tailwind", "ui.row", "ui.column", "gap spacing", "state management", "controller", "dia...
☆ 1View skill
GitHub
pythonista-nicegui
NiceGUI development best practices for Python web UIs. Use when building UI components, fixing layout issues, or working with NiceGUI/Quasar/Tailwind. Triggers on "nicegui", "quasar", "tailwind", "ui.row", "ui....
☆ 1View skill
GitHub
pythonista-nicegui
Use when building UI with NiceGUI, creating components, fixing styling issues. Triggers on "nicegui", "quasar", "tailwind", "ui.row", "ui.column", "ui.card", "ui.dialog", "gap", "spacing", "layout", "modal", "c...
☆ 1View skill
GitHub
react-best-practices
Performance optimization guide for React and Next.js. Use when writing, reviewing, or refactoring React code, optimizing performance, or asking about React best practices.
☆ 1View skill
GitHub
context-ui-design
UI theme system, design tokens, Material-UI patterns, and accessibility standards. Handles theme customization, component styling, design system patterns, and accessibility features. Use when working with UI co...
☆ 1View skill
GitHub
nextjs-structure
Architect scalable Next.js applications using Feature-Sliced Design and Server Component patterns.
☆ 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
fulcro-routing
Guide for Fulcro Dynamic Routing including defrouter, route targets, deferred loading, and route navigation. Use when implementing client-side routing, creating route targets, or managing navigation in Fulcro.
☆ 1View skill
GitHub
fulcro-data-load
Guide for Fulcro data loading patterns including load!, targeting, markers, pre-merge, and post-mutations. Use when implementing data fetching, loading states, or server communication in Fulcro.
☆ 1View skill
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.