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

319

webgl-card-effects

Standalone WebGL fragment shaders for card visual effects: holographic foil, shimmer, rarity glow.

notque

development

open

frontend

317

native-to-weapp-vite-wevu-migration

面向将原生小程序迁移到 `weapp-vite + wevu + Vue SFC` 的结构化迁移工作流，覆盖分波次推进、行为等价改造、`Page/Component` 到 `.vue`、props/events 类型化、`definePageMeta`/layout、平台守卫、`.weapp-vite` 支持文件、自动路由与 AI 工作流对齐，以及迁移后的截图/日志/e2e 验证与回滚检查点。

weapp-vite

development

open

frontend

316

php-to-react-data

Patterns for passing data from PHP to React via wp_localize_script and REST API. Use when sharing config or data between PHP and React components.

bonny

development

open

frontend

315

termcast

Build TUIs with a Raycast-like React API using termcast. Implements @raycast/api components (List, Detail, Form, Action) rendered to the terminal via opentui.

remorses

development

open

frontend

314

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.

onmax

development

open

frontend

310

design-style

Use this skill whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element. This includes: - Landing pages, websites, web apps, dashboards, portfolios, or any web UI - UI components (buttons, forms, cards, navbars, modals, etc.) - React, Vue, Next.js, Svelte, or other frontend frameworks - CSS, Tailwind, styled-components, or styling help - Visual improvements or aesthetic upgrades - Requests mentioning frontend, UI, UX, interface, web design, or styling - Adjectives like beautiful, modern, clean, professional, minimalist, dark, brutalist, etc. This skill loads the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to generate distinctive, production-grade frontend code instead of generic UI. IMPORTANT: Trigger proactively for ANY frontend/UI-related request, even if no style is specified.

Castor6

development

open

frontend

308

library-api-design

React library public API design principles. Use when designing hooks, components, or utility APIs.

toss

development

open

frontend

305

console-rendering

Instructions for using the struct tag-based console rendering system in Go

githubnext

development

open

frontend

305

social-push

使用 agent-browser 帮用户将内容发到社交媒体上。当用户需要发布内容、推送文章、上传文章、发帖到社交平台时使用此 skill。

jihe520

development

open

frontend

304

tool-creator

This skill should be used when users want to create a new tool for the Strands SDK agent system. It supports creating both agent-as-a-tool (complex agents wrapped as tools) and regular tools (simple function-based tools). Use this skill when users request to create, build, or add a new tool.

aws-samples

development

open

frontend

304

django-update-functionality-implementation

Implements the update (edit) functionality for Django models by creating views, URL patterns, and modifying templates, providing explanations part by part.

ECNU-ICALK

development

open

frontend

304

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

ECNU-ICALK

development

open

frontend

304

Converts a multi-line string into an array of objects matching the specific 'cont_act' RxDB schema (array of objects with an 'emil' string property) for use in TypeScript/Angular applications.

ECNU-ICALK

development

open

Page 28 / 107