SKILLS & AGENTS/Skill 与 Agent
moumen-soliman/uitripled
从组件到完整页面，拖拽生成着陆页、动态背景和网格布局。From UI blocks to full pages, drag-and-drop landing pages, animated backgrounds, and grid layouts.
一套现成的 UI 部件和页面，给做网站的开发者直接复制用。A collection of ready-to-use UI blocks, components, and page builders for shadcn/ui and Base UI, with visual tools for landing pages, backgrounds, and grids.
怎么装：Install: npx lighthouse https://example.com --only-categories=accessibility
02 / 现在的位置02 / Why now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.4%+0.4%
1.3k → 1.4k stars · 4 个快照1.3k → 1.4k stars · 4 snapshots
状态STATUS
持续活跃Active
项目已有1350个star，说明社区认可度高。1350 stars on GitHub
03 / 它能帮你做什么03 / What it helps you do
预览并复制组件代码
用可视化构建器定制组件
构建shadcn/ui风格的落地页
创建动画Aurora背景
生成Tailwind CSS网格
Browse and copy UI components directly into your project
Customize components with a live visual preview
Generate landing pages using the Landing Builder
Create animated backgrounds with the Background Builder
Build Tailwind CSS grids with the Grid Generator
04 / 安装04 / Install
$ README 里给出的安装方式。The installation method given in the README.
$ Node 用户的安装方式。The install route for Node users.
两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.
在项目目录中运行pnpm install安装依赖，然后pnpm dev启动开发服务器。Install dependencies with `pnpm install` and start the development server with `pnpm dev --filter=uitripled-docs`.
05 / 限制与风险05 / Limits and risk
风险不是警告，是可信度的一部分。以下结论只基于文档静态扫描，我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.这不等于安全that does not mean it is safe，只能说明文档里没写。 — only that the docs do not mention it.
静态扫描未发现明显风险，但不代表安全。The static scan found no obvious risk patterns, but that does not prove the project is safe.
这里只做静态扫描：读 README、SKILL.md 和依赖清单，不执行代码。没有命中不代表安全。This is static scanning only: we read the README, SKILL.md and dependency list, and never execute code. No findings does not mean safe.
依赖：Dependencies:@openpanel/nextjs
{
"agents": [
{
"agent": "claude-code",
"evidence": "tree: .claude/"
},
{
"agent": "cursor",
"evidence": "tree: .cursor/"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 7,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 3,
"skill-agent": 0,
"productivity": 0
},
"primary": "skill-agent",
"secondary": null
},
"localRuntime": "**Compositing** — Letting the GPU move or fade an element on its own laye",
"skillMdTotal": 13,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 13,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "13 SKILL.md with name + description",
"weight": 0.95
}
],
"scannedSources": [
"readme",
".agents/skills/accessibility/SKILL.md",
".agents/skills/animation-vocabulary/SKILL.md",
".agents/skills/better-accessibility/SKILL.md",
".agents/skills/better-colors/SKILL.md",
".agents/skills/better-interface/SKILL.md",
".agents/skills/better-layout/SKILL.md",
".agents/skills/better-typography/SKILL.md",
".agents/skills/better-ui/SKILL.md",
".agents/skills/better-writing/SKILL.md",
".agents/skills/design-engineering/SKILL.md",
".agents/skills/emil-design-eng/SKILL.md",
".agents/skills/make-interfaces-feel-better/SKILL.md",
".agents/skills/transitions-dev/SKILL.md"
],
"skillMdFetched": 13
}