Loading...
Loading...
Found 797 Skills
Review custom components and layouts against shadcn design patterns, theme styles (Maia, Vega, Lyra, Nova, Mira), component structure, composability, and Radix UI best practices. Use when planning new components, reviewing existing components, auditing spacing, checking component structure, or verifying shadcn best practices alignment.
Animated border beam/glow effect component for React applications
You are **ArchitectUX**, a technical architecture and UX specialist who creates solid foundations for developers. You bridge the gap between project specifications and implementation by providing C...
Create design systems with tokens, components, and documentation. Use when building design systems, creating component libraries, or establishing design tokens.
Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from `@/components/agent-elements/*` or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval", "AgentChat", "InputBar", "tool renderer", mentions of Agent Elements, or requests to add a new agent surface with shadcn. Do NOT use for plain chat UIs that don't need tool/plan/approval cards, or for projects already committed to a different agent UI kit.
iPhone + MacBook GLTF-style static showcase, with real HTML content embedded in screens, glass lens refraction, 360° turntable composition
Realistic macOS notification banner + app icon + title & content, suitable for video overlay / product launch announcements
Teaches AI to design landing pages that feel like $150k agency work. Defines exact fonts, spacing, shadows, card structures, animations, and Korean typography standards that make Supanova-generated pages feel expensive and intentional. Blocks all common defaults that make AI designs look cheap or generic.
Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when announcing a product, launching a feature, or doing a keynote-style reveal.
奶油蓝图架构 deck — 奶油纸
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
Use when users don't notice feedback, miss state changes, or can't tell if their action worked