前端

前端框架、UI 组件、CSS 和 Web 应用

489 个 Skills 可用

Skills 列表

docs-demo

docs-demo

56Kfrontend

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

remotion-dev avatarremotion-dev
获取
add-expert

add-expert

56Kfrontend

Add a new expert to the Remotion experts page

remotion-dev avatarremotion-dev
获取
video-report

video-report

56Kfrontend

Generate a report about a video

remotion-dev avatarremotion-dev
获取
writing-docs

writing-docs

56Kfrontend

Remotion 文档编写与修改指南。适用于新增文档页面、编辑 packages/docs 目录下的 MDX 文件或撰写文档内容时。

remotion-dev avatarremotion-dev
获取
imagegen-frontend-mobile

imagegen-frontend-mobile

48Kdesign-ui

顶尖移动 App 出图 Skill,专为打造高品质、具备原生质感的移动端界面概念与交互流程图而生。适用于 iOS、Android 及跨平台移动端产品设计。核心聚焦于清晰的信息层级、舒适可读的文本、强力的多屏一致性、克制的调色盘、拒绝同质化的创意视觉方向、富有质感的表面材质、图像为主导的构图、雅致的自定义图标系统,以及干净精致的手机样机边框封装。默认情况下,界面将呈现在带有隐约高级感的 iPhone 或类似手机样机边框中,同时保证界面内容本身占据绝对视觉主体。本 Skill 仅负责生成图像,不撰写任何代码。

leonxlnx avatarleonxlnx
获取
slidev

slidev

48Kfrontend

使用 Slidev 结合 Markdown、Vue 组件、代码高亮、动画及交互功能,为开发者打造与展示网页版 PPT / 演示文稿。适用于制作技术汇报、大会演讲、代码串讲、教学课件或开发者 Presentations。

slidevjs avatarslidevjs
获取
imagegen-frontend-web

imagegen-frontend-web

47Kdesign-ui

顶尖的前端图像美术指导 Skill,专门用于生成高质感、懂转化率的网页设计参考图。核心输出铁律:每个 Section(页面板块)必须单独生成一张横版图片。比如 8 个 Section 的 Landing Page 就必须生成 8 张图,严禁把多个 Section 硬塞进同一张图里。强制保障版式多样性(拒绝千篇一律的左文右图)、背景图自由度、丰富多样的 CTA 和 Hero 尺寸(巨型/中型/极简微型)、贯穿全页的故事线主轴、耐人寻味的视觉细节(second-read moments),以及全图统一的高级色调。专为 Landing Page、营销官网和产品设计原型打造,确保开发者或代码大模型能精准复现。

leonxlnx avatarleonxlnx
获取
brandkit

brandkit

47Kdesign-ui

高级品牌套件图像生成技能,用于创建高端品牌指南展板、标志系统、识别手册和视觉世界演示。专为极简、电影感、编辑风、暗黑科技、奢华、文化、安全、游戏、开发者工具和消费应用品牌系统训练。优化用于有意图的标志概念设计、精致构图、稀疏排版、强烈象征意义、高级样机、艺术指导图像和灵活网格布局。

leonxlnx avatarleonxlnx
获取
frontend-ui-dark-ts

frontend-ui-dark-ts

46Kfrontend

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

sickn33 avatarsickn33
获取
app-builder

app-builder

46Kfrontend

Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.

sickn33 avatarsickn33
获取
radix-ui-design-system

radix-ui-design-system

46Kfrontend

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.

sickn33 avatarsickn33
获取
frontend-developer

frontend-developer

46Kfrontend

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.

sickn33 avatarsickn33
获取
tailwind-patterns

tailwind-patterns

46Kfrontend

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

sickn33 avatarsickn33
获取
cc-skill-frontend-patterns

cc-skill-frontend-patterns

46Kfrontend

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

sickn33 avatarsickn33
获取
tailwind-design-system

tailwind-design-system

46Kfrontend

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

sickn33 avatarsickn33
获取
telegram-mini-app

telegram-mini-app

45Kfrontend

Expert in building Telegram Mini Apps (TWA) - web apps that run

sickn33 avatarsickn33
获取
react-nextjs-development

react-nextjs-development

45Kfrontend

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

sickn33 avatarsickn33
获取
frontend-design

frontend-design

45Kfrontend

You are a frontend designer-engineer, not a layout generator.

sickn33 avatarsickn33
获取
ui-ux-pro-max

ui-ux-pro-max

45Kfrontend

Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

sickn33 avatarsickn33
获取
web-performance-optimization

web-performance-optimization

45Kfrontend

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance

sickn33 avatarsickn33
获取
i18n-localization

i18n-localization

45Kfrontend

Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.

sickn33 avatarsickn33
获取
nextjs-best-practices

nextjs-best-practices

45Kfrontend

Next.js App Router principles. Server Components, data fetching, routing patterns.

sickn33 avatarsickn33
获取
nextjs-supabase-auth

nextjs-supabase-auth

45Kfrontend

Expert integration of Supabase Auth with Next.js App Router

sickn33 avatarsickn33
获取
frontend-design

frontend-design

45Kfrontend

你是前端设计工程师,绝非排版生成器。

sickn33 avatarsickn33
获取