Skill 与 AgentSKILLS & AGENTS· COLLECTION
vinayakkulkarni/nxui
364个动画UI组件，复制粘贴即可用于Vue 3和Nuxt项目。364 animated copy-paste Vue 3 components for text, WebGL backgrounds, dashboards, charts, and Paper Shaders.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
用一条命令给项目添加动画组件
给页面配上文字动画和着色效果
插入 WebGL 动态背景
快速搭建仪表板和图表
Add a spotlight card or shimmer button with one command
Animate text in 47 different styles from copy-paste blocks
Build dashboards with charts and motion components
Use all 30 Paper Shaders as WebGL backgrounds
Install extra components later via nxui.geoql.in registry links
上手GET STARTED
npx shadcn-vue@latest add https://nxui.geoql.in/r/spotlight-card.json选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
需检查Needs review
静态扫描STATIC SCAN
01安装时执行脚本Runs a script during installpackage.json
postinstall: nuxt prepare
静态扫描发现中等风险：安装时执行脚本（postinstall: nuxt prepare）。仅核验官方页面，未审计服务端代码；数据处理和费用以官网为准。The static scan found a medium-level note about a postinstall script (nuxt prepare) that runs during install. That is common in Nuxt projects, but it means your build executes a script — review it before using in production.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+3.3%+3.3%
210 → 217 stars · 23 个快照210 → 217 stars · 23 snapshots
讨论DISCUSSION
1 SOURCES1 SOURCES
1 条外部提及1 external mentions
状态STATUS
持续活跃Active
拥有364个动画UI组件，包括文本动画、WebGL背景、仪表板、图表等，可直接复制粘贴使用。More than 360 components already shipped
HN_STORY · 13 points · 3 comments
依赖：Dependencies:@cf-wasm/og, @iconify-json/lucide, @iconify-json/simple-icons, @nuxt/content, @nuxt/icon, @nuxt/scripts, @nuxtjs/color-mode, @nuxtjs/robots, @nuxtjs/sitemap, @openpanel/nuxt, @openpanel/sdk, @paper-design/shaders
{
"agents": [
{
"agent": "claude-code",
"evidence": "tree: .claude/"
}
],
"apiKey": ": you're advertising a public API key to every page + browser agent, echoing",
"docker": null,
"taxonomy": {
"scores": {
"design": 9,
"ai-tools": 0,
"dev-tools": 3,
"indie-web": 0,
"skill-agent": 0,
"productivity": 0
},
"primary": "skill-agent",
"secondary": "collection"
},
"localRuntime": null,
"skillMdTotal": 14,
"skillMdErrors": [
{
"path": "public/.well-known/agent-skills/install-component/SKILL.md",
"error": "no frontmatter"
},
{
"path": "public/.well-known/agent-skills/search-components/SKILL.md",
"error": "no frontmatter"
}
],
"treeTruncated": false,
"categoryScores": {
"data": 6,
"agent": 0,
"media": 0,
"design": 16,
"browser": 0,
"devtool": 3,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "12 SKILL.md with name + description",
"weight": 0.95
}
],
"scannedSources": [
"readme",
".agents/skills/content-strategy/SKILL.md",
".agents/skills/copywriting/SKILL.md",
".agents/skills/launch-strategy/SKILL.md",
".agents/skills/marketing-ideas/SKILL.md",
".agents/skills/marketing-psychology/SKILL.md",
".agents/skills/nuxt-agent-ready-best-practices/SKILL.md",
".agents/skills/nuxt-best-practices/SKILL.md",
".agents/skills/nuxt-geo-best-practices/SKILL.md",
".agents/skills/nuxt-seo-best-practices/SKILL.md",
".agents/skills/nxui-design/SKILL.md",
".agents/skills/social-content/SKILL.md",
".agents/skills/vue-best-practices/SKILL.md",
"public/.well-known/agent-skills/install-component/SKILL.md",
"public/.well-known/agent-skills/search-components/SKILL.md"
],
"skillMdFetched": 14
}