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

docs-demo
Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
remotion-dev
add-expert
Add a new expert to the Remotion experts page
remotion-dev
video-report
Generate a report about a video
remotion-dev
writing-docs
Remotion 文档编写与修改指南。适用于新增文档页面、编辑 packages/docs 目录下的 MDX 文件或撰写文档内容时。
remotion-dev
imagegen-frontend-mobile
顶尖移动 App 出图 Skill,专为打造高品质、具备原生质感的移动端界面概念与交互流程图而生。适用于 iOS、Android 及跨平台移动端产品设计。核心聚焦于清晰的信息层级、舒适可读的文本、强力的多屏一致性、克制的调色盘、拒绝同质化的创意视觉方向、富有质感的表面材质、图像为主导的构图、雅致的自定义图标系统,以及干净精致的手机样机边框封装。默认情况下,界面将呈现在带有隐约高级感的 iPhone 或类似手机样机边框中,同时保证界面内容本身占据绝对视觉主体。本 Skill 仅负责生成图像,不撰写任何代码。
leonxlnx
slidev
使用 Slidev 结合 Markdown、Vue 组件、代码高亮、动画及交互功能,为开发者打造与展示网页版 PPT / 演示文稿。适用于制作技术汇报、大会演讲、代码串讲、教学课件或开发者 Presentations。
slidevjs
imagegen-frontend-web
顶尖的前端图像美术指导 Skill,专门用于生成高质感、懂转化率的网页设计参考图。核心输出铁律:每个 Section(页面板块)必须单独生成一张横版图片。比如 8 个 Section 的 Landing Page 就必须生成 8 张图,严禁把多个 Section 硬塞进同一张图里。强制保障版式多样性(拒绝千篇一律的左文右图)、背景图自由度、丰富多样的 CTA 和 Hero 尺寸(巨型/中型/极简微型)、贯穿全页的故事线主轴、耐人寻味的视觉细节(second-read moments),以及全图统一的高级色调。专为 Landing Page、营销官网和产品设计原型打造,确保开发者或代码大模型能精准复现。
leonxlnx
brandkit
高级品牌套件图像生成技能,用于创建高端品牌指南展板、标志系统、识别手册和视觉世界演示。专为极简、电影感、编辑风、暗黑科技、奢华、文化、安全、游戏、开发者工具和消费应用品牌系统训练。优化用于有意图的标志概念设计、精致构图、稀疏排版、强烈象征意义、高级样机、艺术指导图像和灵活网格布局。
leonxlnx
frontend-ui-dark-ts
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
app-builder
Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.
sickn33
radix-ui-design-system
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.
sickn33
frontend-developer
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.
sickn33
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
sickn33
cc-skill-frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
sickn33
tailwind-design-system
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.
sickn33
telegram-mini-app
Expert in building Telegram Mini Apps (TWA) - web apps that run
sickn33
react-nextjs-development
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.
sickn33
frontend-design
You are a frontend designer-engineer, not a layout generator.
sickn33
ui-ux-pro-max
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
web-performance-optimization
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
sickn33
i18n-localization
Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.
sickn33
nextjs-best-practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
sickn33
nextjs-supabase-auth
Expert integration of Supabase Auth with Next.js App Router
sickn33
frontend-design
你是前端设计工程师,绝非排版生成器。
sickn33