GitHub
frontend-ui-builder
Build responsive frontend pages and reusable UI components with clean layouts and modern styling.
☆ 1查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - :class/class usage, theme variables, no var() in class.
☆ 1查看技能
GitHub
astro
Astro framework patterns and best practices for content-focused sites. Trigger: When working with .astro files, content collections, or Astro routing.
☆ 1查看技能
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.
☆ 1查看技能
GitHub
design
UI/UX design using designer agent. Creates layouts, components, and design specs.
☆ 1查看技能
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...
☆ 1查看技能
GitHub
angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
GitHub
animation-designer
Use when the user explicitly requests animations, transitions, or motion design for a web UI.
☆ 1查看技能
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...
☆ 1查看技能
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.
☆ 1查看技能
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...
☆ 1查看技能
GitHub
senior-frontend
Use when developing or reviewing frontend features in React/Next.js/TypeScript, including performance optimization, component scaffolding, and UI implementation.
☆ 1查看技能
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...
☆ 1查看技能
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....
☆ 1查看技能
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...
☆ 1查看技能
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.
☆ 1查看技能
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...
☆ 1查看技能
GitHub
nextjs-structure
Architect scalable Next.js applications using Feature-Sliced Design and Server Component patterns.
☆ 1查看技能
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...
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。