跳至主要内容
小龙虾小龙虾AI
🤖

Frontend Design Extractor

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

下载1.8k
星标3
版本1.0.1
general
安全通过

如何使用「Frontend Design Extractor」？

  1. 打开小龙虾AI（Web 或 iOS App）
  2. 点击上方「立即使用」按钮，或在对话框中输入任务描述
  3. 小龙虾AI 会自动匹配并调用「Frontend Design Extractor」技能完成任务
  4. 结果即时呈现，支持继续对话优化

相关技能

🤖
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 (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

1.5k 下载设计媒体
🤖
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 avoids generic AI aesthetics.

22.7k 下载设计媒体💬 Prompt
🤖
UI/UX Pro Max

UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component g

12.3k 下载设计媒体⚙️ 脚本
🤖
Frontend Design

Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.

2.3k 下载general💬 Prompt
🤖
Frontend Design 1.0.0

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 avoids generic AI aesthetics.

1.4k 下载开发工具
🤖
Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

4.5k 下载general💬 Prompt