{
  "free": [
    {
      "file": "SKILL.md",
      "url": "https://uiarc.dev/r/skills/arc/SKILL.md",
      "description": "Builds and reviews React interfaces with the Arc UI library (uiarc.dev) so they match Arc's design bar, choosing the right Arc component or block, installing it with the shadcn CLI, and applying Arc's rules for tokens, type, copy, layout, motion, accessibility, and responsive behavior. Use when the user mentions Arc or uiarc, when the project contains registry/foundation.css or imports from @/registry/components or @/registry/blocks, or when asked to build or polish UI such as a settings page, pricing section, dashboard, landing page, sign-in, form, table, chart, dialog, or command palette."
    },
    {
      "file": "INSTRUCTIONS.md",
      "url": "https://uiarc.dev/r/skills/arc/INSTRUCTIONS.md",
      "description": "Arc UI rules for React components, pages, and CSS modules"
    },
    {
      "file": "accessibility.md",
      "url": "https://uiarc.dev/r/skills/arc/accessibility.md",
      "description": "Arc accessibility"
    },
    {
      "file": "checklist.md",
      "url": "https://uiarc.dev/r/skills/arc/checklist.md",
      "description": "Arc review checklist"
    },
    {
      "file": "components.md",
      "url": "https://uiarc.dev/r/skills/arc/components.md",
      "description": "Choosing Arc components and blocks"
    },
    {
      "file": "composition.md",
      "url": "https://uiarc.dev/r/skills/arc/composition.md",
      "description": "Composing pages with Arc"
    },
    {
      "file": "copy.md",
      "url": "https://uiarc.dev/r/skills/arc/copy.md",
      "description": "Arc copy"
    },
    {
      "file": "design.md",
      "url": "https://uiarc.dev/r/skills/arc/design.md",
      "description": "Arc design"
    },
    {
      "file": "example-dashboard.md",
      "url": "https://uiarc.dev/r/skills/arc/example-dashboard.md",
      "description": "Example: analytics overview"
    },
    {
      "file": "example-pricing.md",
      "url": "https://uiarc.dev/r/skills/arc/example-pricing.md",
      "description": "Example: pricing section"
    },
    {
      "file": "example-settings.md",
      "url": "https://uiarc.dev/r/skills/arc/example-settings.md",
      "description": "Example: account settings page"
    },
    {
      "file": "motion.md",
      "url": "https://uiarc.dev/r/skills/arc/motion.md",
      "description": "Arc motion"
    },
    {
      "file": "responsive.md",
      "url": "https://uiarc.dev/r/skills/arc/responsive.md",
      "description": "Responsive Arc"
    }
  ],
  "install": "npx shadcn@latest add https://uiarc.dev/r/arc-skill.json",
  "pro": [
    {
      "id": "arc-pro",
      "name": "arc-pro",
      "description": "Runs Arc Pro workflows that plan, build, and verify whole interfaces with the Arc UI library, including full-page generation, page composition, brand design-system generation, refactoring existing UI to Arc, and motion, responsive, and accessibility audits with ranked fixes. Use when the user has Arc Pro and asks to build a complete page or app screen, theme Arc for a brand, migrate from shadcn/ui, MUI, Chakra, or custom components, or audit and fix animation, responsiveness, or accessibility on an Arc screen.",
      "url": "https://uiarc.dev/api/skills?id=arc-pro",
      "access": "Arc Pro. Send the request signed in; returns 403 without Pro access."
    },
    {
      "id": "accessibility-audit",
      "name": "arc-accessibility-audit",
      "description": "Audits an Arc-based screen for structure, names, keyboard behavior, announcements, contrast, touch, and reduced motion, and returns fixes ranked by impact with patches. Use when asked to check, audit, or fix accessibility on an Arc interface.",
      "url": "https://uiarc.dev/api/skills?id=accessibility-audit",
      "access": "Arc Pro. Send the request signed in; returns 403 without Pro access."
    },
    {
      "id": "design-system-generation",
      "name": "arc-design-system-generation",
      "description": "Generates a brand theme on top of Arc's foundation tokens (accent, control fills, chart series, neutrals, radius, density, display font) with contrast checked in light and dark mode and a verification page. Use when asked to theme Arc, match Arc to a brand, or create a design system from brand colors on Arc.",
      "url": "https://uiarc.dev/api/skills?id=design-system-generation",
      "access": "Arc Pro. Send the request signed in; returns 403 without Pro access."
    },
    {
      "id": "full-page-generation",
      "name": "arc-full-page-generation",
      "description": "Generates a finished page with Arc end to end, from a one-line request to a written plan, installed items, wired data, every state, and a passing review checklist. Use when asked to build a whole page, app screen, dashboard, or landing page with Arc.",
      "url": "https://uiarc.dev/api/skills?id=full-page-generation",
      "access": "Arc Pro. Send the request signed in; returns 403 without Pro access."
    },
    {
      "id": "motion-recommendations",
      "name": "arc-motion-recommendations",
      "description": "Audits and plans motion on an Arc screen, inventorying every animation, assigning the right Arc spring or easing token per interaction, removing motion that explains nothing, and verifying interruptibility and reduced motion. Use when asked to add, improve, review, or audit animation or transitions on an Arc interface.",
      "url": "https://uiarc.dev/api/skills?id=motion-recommendations",
      "access": "Arc Pro. Send the request signed in; returns 403 without Pro access."
    },
    {
      "id": "page-composition",
      "name": "arc-page-composition",
      "description": "Plans a complete page from Arc blocks and components region by region, with one purpose, a clear hierarchy, the right item per region, and every state listed before any code is written. Use when asked to plan or structure a page or screen with Arc, or as the planning step of full-page generation.",
      "url": "https://uiarc.dev/api/skills?id=page-composition",
      "access": "Arc Pro. Send the request signed in; returns 403 without Pro access."
    },
    {
      "id": "refactor-to-arc",
      "name": "arc-refactor-to-arc",
      "description": "Migrates existing UI (custom components, shadcn/ui, MUI, Chakra UI, Tailwind markup) to Arc components and tokens one pattern at a time with behavior parity checks after each step. Use when asked to adopt Arc in an existing codebase, replace a component library with Arc, or clean up UI to match Arc.",
      "url": "https://uiarc.dev/api/skills?id=refactor-to-arc",
      "access": "Arc Pro. Send the request signed in; returns 403 without Pro access."
    },
    {
      "id": "responsive-optimization",
      "name": "arc-responsive-optimization",
      "description": "Audits and fixes an Arc page from 320px phones to 1440px desktops, measuring overflow, layout, touch targets, overlays, and type at each width, then fixing in priority order and re-measuring. Use when a layout breaks on small screens, scrolls sideways, or when asked to make a page responsive or mobile friendly.",
      "url": "https://uiarc.dev/api/skills?id=responsive-optimization",
      "access": "Arc Pro. Send the request signed in; returns 403 without Pro access."
    }
  ]
}