推薦[ For iPhone / iPad ] 🔥 驚艷！蘋果互動式壁紙，讓你的桌面動起來

skills.homescapability registry 搜尋

home/categories/frontend

category focus

Frontend

UI frameworks, state management, and styling.

2566 個技能all categories

sorting

stars

current ordering strategy

query

all entries

refine the visible subset

frontend

0

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

Zayrick

development

frontend

0

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

hookvibe

development

frontend

0

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

JackZhu001

development

frontend

0

frontend-design

Enhance frontend UI/UX design with better typography, color systems, animations, and visual hierarchy. Use when creating or improving UI components, layouts, dashboards, forms, or any visual elements.

omanjaya

development

frontend

0

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

Ray-SunR

development

frontend

0

design-guide

Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI components, layouts, web pages, or interactive elements including buttons, forms, cards, navigation, or complete applications. Applies to HTML, CSS, React, Vue, Svelte, and any frontend framework. Ensures consistent, minimal, and accessible design patterns.

arkcle83

development

frontend

0

creating-landing-pages

Use when building marketing landing pages or SaaS homepages - provides a systematic workflow for hero-first design, animation patterns, social proof, and section expansion that creates consistent, professional results

khaliqgant

development

frontend

0

ui-component-architect

UI implementation specialist for decomposing designs into reusable components. This skill should be used when implementing new UI features, screens, or components. It ensures maximum reuse of existing components, handles all UI states (loading, error, empty, no-data), and creates pixel-perfect implementations following the project's design system. Use when building new UI, refactoring existing UI, or ensuring consistent component usage across the app.

ohadf2015

development

frontend

0

accessibility-ux-audit

Audit and enhance accessibility and UX across all pages and components.

abdulmateen5251

development

frontend

0

designing-systems

Create and manage design systems with tokens, color palettes, typography scales, and spacing systems. Use when user asks about design tokens, theming, color schemes, typography, or consistent styling across components.

fusengine

development

frontend

0

cloodle-design-tokens

Cloodle design system tokens for colors, typography, spacing, and components. Use when styling Cloodle interfaces, creating CSS, or implementing consistent visual design across the platform.

astoeffer

development

frontend

0

design-guide

Modern UI design system ensuring clean, professional interfaces. Use when creating ANY UI component, webpage, React component, HTML artifact, design mockup, or interface element. Provides design principles for spacing, colors, typography, shadows, and interactive states to prevent cluttered, inconsistent, or unprofessional designs.

Candratama

development

frontend

0

styling-web-tools

Applying consistent visual design to HTML tools in this repository. Use when creating new tools, updating UI components, or adding buttons/icons/controls. Based on Vercel Geist design system with Claude app influences.

rkpatel33

development

frontend

0

rustic-food

Create web pages and UI components using the Rustic Food design system—a warm, organic aesthetic inspired by farm-to-table restaurants, artisanal bakeries, and food blogs. Features appetizing color palettes (warm oranges, creams, sage greens), natural textures, serif/script typography, and inviting imagery. Use when the user requests rustic/organic/farm-to-table styling, food website design, restaurant pages, recipe cards, menu layouts, or any food-related web content. Framework-agnostic (works with vanilla HTML/CSS, React, Vue, Tailwind, etc.).

gahoccode

development

frontend

0

composable-svelte-charts

Data visualization and chart components for Composable Svelte. Use when creating charts, graphs, or data visualizations. Covers chart types (scatter, line, bar, area, histogram), data binding, state-driven updates, interactive features (zoom, brush, tooltips), and responsive design from @composable-svelte/charts package built with Observable Plot and D3.

jonathanbelolo

development

frontend

0

tailwindcss-backgrounds

Background utilities Tailwind CSS v4.1. Colors (bg-{color}, palette OKLCH P3), Gradients (bg-linear-*, bg-radial-*, bg-conic-* NEW), Images (bg-cover, bg-contain, bg-repeat), Blend modes.

fusengine

development

frontend

0

tailwind-v4

Expert guidance for styling with Tailwind CSS v4, including modern utility classes, dark mode implementation, responsive design patterns, and component composition. Use this skill when styling HTML, creating UI components, implementing dark mode, or working with Tailwind CSS v4 in any project.

matula

development

frontend

0

css-expert

Expert in modern CSS (cascade layers, OKLCH, container queries, defensive patterns). Use for CSS implementation, styling, layout, colors, typography, responsive design, and UI components.

dannysmith

development

frontend

0

visx

Build data visualizations with visx (React + D3). Use for charts, graphs, and interactive data exploration.

cerico

development

frontend

0

hitl-patterns

Human-in-the-Loop pattern library for CopilotKit. Use when implementing approval workflows, user input collection, option selection, or any human interaction patterns. Includes React components and hooks.

rwxproject

development

frontend

0

component-architecture

Component design patterns including composition, render props, compound components, and design systems. Use for reusable component architecture.

ak-eyther

development

frontend

0

state-machines-with-xstate

Implementing robust state management using finite state machines and statecharts with XState.

AmnadTaowsoam

development

frontend

0

decompose

Decompose navigation and components - use for KMP component architecture, navigation, lifecycle, and state management

AndVl1

development

frontend

0

angular-expert

Enterprise Angular v21+ architecture and testing expert. Use when writing, reviewing, or designing Angular components, services, stores, or tests. Covers Zoneless change detection, Signals, SignalStore, module boundaries, testing strategy, and architectural heuristics. Triggers on Angular file creation/modification (.component.ts, .service.ts, .store.ts, .spec.ts), architectural discussions, state management, and testing decisions.

kevinaud

development

Page 75 / 107