shadcn-ui 是做什么的?
专家指导,用于集成和构建基于 shadcn/ui 组件的应用程序,包括组件发现、安装、定制和最佳实践。
专家指导,用于集成和构建基于 shadcn/ui 组件的应用程序,包括组件发现、安装、定制和最佳实践。
该技能提供了关于 shadcn/ui 组件库的全面专家指导,旨在帮助开发者高效集成和构建现代 Web 应用程序。它涵盖了组件发现、安装、定制以及遵循最佳实践等关键环节。该技能支持在多种开发环境中使用,如 Claude Code、Cursor 或 Codex,并能与常见框架(如 React、Next.js)无缝配合。通过利用 shadcn/ui 的“复制粘贴”理念和 Tailwind CSS,它帮助开发者快速构建可访问、可定制的 UI 组件,同时减少样板代码编写。用户可以获得组件属性、样式覆盖、自定义主题以及无障碍(a11y)方面的详细建议,从而确保应用既美观又符合标准。
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/shadcn-ui专家指导,用于集成和构建基于 shadcn/ui 组件的应用程序,包括组件发现、安装、定制和最佳实践。
This repo contains 6 individual skills — each has its own dedicated page.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".