SKILLS & AGENTS/Skill 与 Agent

frontend-pack

Dzakiamriz22/frontend-pack

中文简介生成中Premium Frontend Skill Pack for OpenCode — shadcn/ui, TailwindCSS, Framer Motion, design review, AI slop detection

打开仓库Open repository

怎么装：Install: git clone https://github.com/Dzakiamriz22/frontend-pack.git ~/.config/opencode/plugin/frontend-pack

02 / 现在的位置02 / Why now

它现在处在什么位置Where it stands right now

首次发现FIRST SEEN

03 OCT 202603 OCT 2026

增长GROWTH

历史不足Not enough history

只有 1 个快照，还不足以计算增长Only 1 snapshots so far — not enough to compute growth

讨论DISCUSSION

暂无None

还没有采集到外部讨论No external discussion collected yet

状态STATUS

持续活跃Active

03 / 它能帮你做什么03 / What it helps you do

它能帮你做成什么What it helps you do

中文能力说明生成中Chinese capability copy is being generated

05 / 安装05 / Install

怎么装How to install

GIT-CLONE

$

README 里给出的安装方式。The installation method given in the README.

NPM

$

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.

06 / 限制与风险06 / Limits and risk

限制与风险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

需检查Needs review

01需要 API KeyREQUIRES API KEY: 未在文档中发现Not found in the docs
02需要本地环境NEEDS LOCAL RUNTIME: 是Yes
03需要 DockerNEEDS DOCKER: 未在文档中发现Not found in the docs
04难度DIFFICULTY: 需要本地环境Needs a local runtime

PROVENANCE · 这些结论的依据是什么Where these conclusions come from

来源 URLSource URL: https://github.com/Dzakiamriz22/frontend-pack
原始数据哈希Raw data hash: 7b4bbfbdb3e9213a4763fd237fcd743c
解析时间Parsed at: 2026-10-03T11:05:11.731Z
最后一次验证Last verified: 2026-10-03T10:31:51.693Z
增长测量时间Growth measured: —
发现查询Discovery queries: focus:design:code:design-system
分类来源Category source: rules
焦点Focus: web · motion · design (12)

完整解析证据 JSONFull parse evidence JSON

{
  "agents": [
    {
      "agent": "opencode",
      "evidence": "readme: …ntend development skills for [OpenCode](https://opencode.ai). Genera…"
    }
  ],
  "apiKey": null,
  "docker": null,
  "taxonomy": {
    "scores": {
      "design": 5,
      "ai-tools": 0,
      "dev-tools": 1,
      "indie-web": 3,
      "skill-agent": 0,
      "productivity": 1
    },
    "primary": "skill-agent",
    "secondary": null
  },
  "localRuntime": "d `opacity` only.** These are GPU-accelerated. Never animate `height`, `w",
  "skillMdTotal": 38,
  "skillMdErrors": [
    {
      "path": "skills/ai-slop-detector/SKILL.md",
      "error": "Nested mappings are not allowed in compact mappings at line 2, column 14:"
    }
  ],
  "treeTruncated": false,
  "categoryScores": {
    "data": 1,
    "agent": 0,
    "media": 0,
    "design": 14,
    "browser": 0,
    "devtool": 2,
    "security": 0,
    "marketing": 0,
    "productivity": 1
  },
  "classification": [
    {
      "signal": "37 SKILL.md with name + description",
      "weight": 0.95
    },
    {
      "signal": "skills/ directory with 38 markdown files",
      "weight": 0.75
    },
    {
      "signal": "README describes a Claude / Agent Skill",
      "weight": 0.7
    },
    {
      "signal": "description mentions AI",
      "weight": 0.2
    }
  ],
  "scannedSources": [
    "readme",
    "skills/accessibility/SKILL.md",
    "skills/ai-slop-detector/SKILL.md",
    "skills/app-router/SKILL.md",
    "skills/bundle-size/SKILL.md",
    "skills/charts/SKILL.md",
    "skills/cleanup/SKILL.md",
    "skills/color-system/SKILL.md",
    "skills/command-palette/SKILL.md",
    "skills/component-architecture/SKILL.md",
    "skills/component-splitting/SKILL.md",
    "skills/design-system/SKILL.md",
    "skills/design/SKILL.md",
    "skills/dialogs/SKILL.md",
    "skills/forms/SKILL.md",
    "skills/framer-motion/SKILL.md",
    "skills/frontend-review/SKILL.md",
    "skills/hooks/SKILL.md",
    "skills/lazy-loading/SKILL.md",
    "skills/micro-interactions/SKILL.md",
    "skills/mobile/SKILL.md",
    "skills/nextjs/SKILL.md",
    "skills/page-transitions/SKILL.md",
    "skills/performance/SKILL.md",
    "skills/react/SKILL.md",
    "skills/refactor-ui/SKILL.md",
    "skills/responsive/SKILL.md",
    "skills/server-actions/SKILL.md",
    "skills/server-components/SKILL.md",
    "skills/shadcn/SKILL.md",
    "skills/spacing/SKILL.md",
    "skills/state-management/SKILL.md",
    "skills/tables/SKILL.md",
    "skills/tailwind-animation/SKILL.md",
    "skills/tailwind-layout/SKILL.md",
    "skills/tailwind/SKILL.md",
    "skills/typography/SKILL.md",
    "skills/ui-review/SKILL.md",
    "skills/ux-writing/SKILL.md"
  ],
  "skillMdFetched": 38
}