[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6D1HMM80JQKWHKQWXCSASPQ":3,"skill-same:01M6D1HMM80JQKWHKQWXCSASPQ":137},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":39,"linkOnly":40,"markdownContent":41,"markdownBody":42,"frontMatter":43,"refName":46,"commitSha":47,"skillDirectory":48,"forksCount":14,"repositoryHtmlUrl":49,"repositoryHomepageUrl":6,"ownerHtmlUrl":50,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":51,"install":52,"resources":65},"01M6D1HMM80JQKWHKQWXCSASPQ","ck:web-frameworks",null,"Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.","MinhHoangDono\u002Fantigravity-kit","MinhHoangDono","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F62208550?v=4","01M6D15EY1G5VZYWSRXHRFQREJ","Hoang_Gummy","01M6D15F2G9Y2R9EYWF8X3XPWA",0,"MIT","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"ck:web frameworks","web frameworks","web","frameworks","build","feature","caching strategies","shared","strategies","caching","dependencies","next","router","use","Next.js","Optimization","turborepo","server","ssr","react","2026-11-10 10:12:30",false,"---\nname: ck:web-frameworks\ndescription: Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.\nlicense: MIT\nversion: 1.0.0\nargument-hint: \"[framework] [feature]\"\n---\n\n# Web Frameworks Skill Group\n\nComprehensive guide for building modern full-stack web applications using Next.js, Turborepo, and RemixIcon.\n\n## Overview\n\nThis skill group combines three powerful tools for web development:\n\n**Next.js** - React framework with SSR, SSG, RSC, and optimization features\n**Turborepo** - High-performance monorepo build system for JavaScript\u002FTypeScript\n**RemixIcon** - Icon library with 3,100+ outlined and filled style icons\n\n## When to Use This Skill Group\n\n- Building new full-stack web applications with modern React\n- Setting up monorepos with multiple apps and shared packages\n- Implementing server-side rendering and static generation\n- Optimizing build performance with intelligent caching\n- Creating consistent UI with professional iconography\n- Managing workspace dependencies across multiple projects\n- Deploying production-ready applications with proper optimization\n\n## Stack Selection Guide\n\n### Single Application: Next.js + RemixIcon\n\nUse when building a standalone application:\n- E-commerce sites\n- Marketing websites\n- SaaS applications\n- Documentation sites\n- Blogs and content platforms\n\n**Setup:**\n```bash\nnpx create-next-app@latest my-app\ncd my-app\nnpm install remixicon\n```\n\n### Monorepo: Next.js + Turborepo + RemixIcon\n\nUse when building multiple applications with shared code:\n- Microfrontends\n- Multi-tenant platforms\n- Internal tools with shared component library\n- Multiple apps (web, admin, mobile-web) sharing logic\n- Design system with documentation site\n\n**Setup:**\n```bash\nnpx create-turbo@latest my-monorepo\n# Then configure Next.js apps in apps\u002F directory\n# Install remixicon in shared UI packages\n```\n\n### Framework Features Comparison\n\n| Feature | Next.js | Turborepo | RemixIcon |\n|---------|---------|-----------|-----------|\n| Primary Use | Web framework | Build system | UI icons |\n| Best For | SSR\u002FSSG apps | Monorepos | Consistent iconography |\n| Performance | Built-in optimization | Caching & parallel tasks | Lightweight fonts\u002FSVG |\n| TypeScript | Full support | Full support | Type definitions available |\n\n## Quick Start\n\n### Next.js Application\n\n```bash\n# Create new project\nnpx create-next-app@latest my-app\ncd my-app\n\n# Install RemixIcon\nnpm install remixicon\n\n# Import in layout\n# app\u002Flayout.tsx\nimport 'remixicon\u002Ffonts\u002Fremixicon.css'\n\n# Start development\nnpm run dev\n```\n\n### Turborepo Monorepo\n\n```bash\n# Create monorepo\nnpx create-turbo@latest my-monorepo\ncd my-monorepo\n\n# Structure:\n# apps\u002Fweb\u002F          - Next.js application\n# apps\u002Fdocs\u002F         - Documentation site\n# packages\u002Fui\u002F       - Shared components with RemixIcon\n# packages\u002Fconfig\u002F   - Shared configs\n# turbo.json         - Pipeline configuration\n\n# Run all apps\nnpm run dev\n\n# Build all packages\nnpm run build\n```\n\n### RemixIcon Integration\n\n```tsx\n\u002F\u002F Webfont (HTML\u002FCSS)\n\u003Ci className=\"ri-home-line\">\u003C\u002Fi>\n\u003Ci className=\"ri-search-fill ri-2x\">\u003C\u002Fi>\n\n\u002F\u002F React component\nimport { RiHomeLine, RiSearchFill } from \"@remixicon\u002Freact\"\n\u003CRiHomeLine size={24} \u002F>\n\u003CRiSearchFill size={32} color=\"blue\" \u002F>\n```\n\n## Reference Navigation\n\n**Next.js References:**\n- [App Router Architecture](.\u002Freferences\u002Fnextjs-app-router.md) - Routing, layouts, pages, parallel routes\n- [Server Components](.\u002Freferences\u002Fnextjs-server-components.md) - RSC patterns, client vs server, streaming\n- [Data Fetching](.\u002Freferences\u002Fnextjs-data-fetching.md) - fetch API, caching, revalidation, loading states\n- [Optimization](.\u002Freferences\u002Fnextjs-optimization.md) - Images, fonts, scripts, bundle analysis, PPR\n\n**Turborepo References:**\n- [Setup & Configuration](.\u002Freferences\u002Fturborepo-setup.md) - Installation, workspace config, package structure\n- [Task Pipelines](.\u002Freferences\u002Fturborepo-pipelines.md) - Dependencies, parallel execution, task ordering\n- [Caching Strategies](.\u002Freferences\u002Fturborepo-caching.md) - Local cache, remote cache, cache invalidation\n\n**RemixIcon References:**\n- [Integration Guide](.\u002Freferences\u002Fremix-icon-integration.md) - Installation, usage, customization, accessibility\n\n## Common Patterns & Workflows\n\n### Pattern 1: Full-Stack Monorepo\n\n```\nmy-monorepo\u002F\n├── apps\u002F\n│   ├── web\u002F              # Customer-facing Next.js app\n│   ├── admin\u002F            # Admin dashboard Next.js app\n│   └── docs\u002F             # Documentation site\n├── packages\u002F\n│   ├── ui\u002F               # Shared UI with RemixIcon\n│   ├── api-client\u002F       # API client library\n│   ├── config\u002F           # ESLint, TypeScript configs\n│   └── types\u002F            # Shared TypeScript types\n└── turbo.json            # Build pipeline\n```\n\n**turbo.json:**\n```json\n{\n  \"$schema\": \"https:\u002F\u002Fturbo.build\u002Fschema.json\",\n  \"pipeline\": {\n    \"build\": {\n      \"dependsOn\": [\"^build\"],\n      \"outputs\": [\".next\u002F**\", \"!.next\u002Fcache\u002F**\", \"dist\u002F**\"]\n    },\n    \"dev\": {\n      \"cache\": false,\n      \"persistent\": true\n    },\n    \"lint\": {},\n    \"test\": {\n      \"dependsOn\": [\"build\"]\n    }\n  }\n}\n```\n\n### Pattern 2: Shared Component Library\n\n```tsx\n\u002F\u002F packages\u002Fui\u002Fsrc\u002Fbutton.tsx\nimport { RiLoader4Line } from \"@remixicon\u002Freact\"\n\nexport function Button({ children, loading, icon }) {\n  return (\n    \u003Cbutton>\n      {loading ? \u003CRiLoader4Line className=\"animate-spin\" \u002F> : icon}\n      {children}\n    \u003C\u002Fbutton>\n  )\n}\n\n\u002F\u002F apps\u002Fweb\u002Fapp\u002Fpage.tsx\nimport { Button } from \"@repo\u002Fui\u002Fbutton\"\nimport { RiHomeLine } from \"@remixicon\u002Freact\"\n\nexport default function Page() {\n  return \u003CButton icon={\u003CRiHomeLine \u002F>}>Home\u003C\u002FButton>\n}\n```\n\n### Pattern 3: Optimized Data Fetching\n\n```tsx\n\u002F\u002F app\u002Fposts\u002F[slug]\u002Fpage.tsx\nimport { notFound } from 'next\u002Fnavigation'\n\n\u002F\u002F Static generation at build time\nexport async function generateStaticParams() {\n  const posts = await getPosts()\n  return posts.map(post => ({ slug: post.slug }))\n}\n\n\u002F\u002F Revalidate every hour\nasync function getPost(slug: string) {\n  const res = await fetch(`https:\u002F\u002Fapi.example.com\u002Fposts\u002F${slug}`, {\n    next: { revalidate: 3600 }\n  })\n  if (!res.ok) return null\n  return res.json()\n}\n\nexport default async function Post({ params }: { params: { slug: string } }) {\n  const post = await getPost(params.slug)\n  if (!post) notFound()\n\n  return \u003Carticle>{post.content}\u003C\u002Farticle>\n}\n```\n\n### Pattern 4: Monorepo CI\u002FCD Pipeline\n\n```yaml\n# .github\u002Fworkflows\u002Fci.yml\nname: ck:CI\non: [push, pull_request]\n\njobs:\n  build:\n    runs-on: ubuntu-latest\n    steps:\n      - uses: actions\u002Fcheckout@v4\n      - uses: actions\u002Fsetup-node@v4\n        with:\n          node-version: 18\n      - run: npm install\n      - run: npx turbo run build test lint\n        env:\n          TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}\n          TURBO_TEAM: ${{ secrets.TURBO_TEAM }}\n```\n\n## Utility Scripts\n\nPython utilities in `scripts\u002F` directory:\n\n**nextjs-init.py** - Initialize Next.js project with best practices\n**turborepo-migrate.py** - Convert existing monorepo to Turborepo\n\nUsage examples:\n```bash\n# Initialize new Next.js app with TypeScript and recommended setup\npython scripts\u002Fnextjs-init.py --name my-app --typescript --app-router\n\n# Migrate existing monorepo to Turborepo with dry-run\npython scripts\u002Fturborepo-migrate.py --path .\u002Fmy-monorepo --dry-run\n\n# Run tests\ncd scripts\u002Ftests\npytest\n```\n\n## Best Practices\n\n**Next.js:**\n- Default to Server Components, use Client Components only when needed\n- Implement proper loading and error states\n- Use Image component for automatic optimization\n- Set proper metadata for SEO\n- Leverage caching strategies (force-cache, revalidate, no-store)\n\n**Turborepo:**\n- Structure monorepo with clear separation (apps\u002F, packages\u002F)\n- Define task dependencies correctly (^build for topological)\n- Configure outputs for proper caching\n- Enable remote caching for team collaboration\n- Use filters to run tasks on changed packages only\n\n**RemixIcon:**\n- Use line style for minimal interfaces, fill for emphasis\n- Maintain 24x24 grid alignment for crisp rendering\n- Provide aria-labels for accessibility\n- Use currentColor for flexible theming\n- Prefer webfonts for multiple icons, SVG for single icons\n\n## Resources\n\n- Next.js: https:\u002F\u002Fnextjs.org\u002Fdocs\u002Fllms.txt\n- Turborepo: https:\u002F\u002Fturbo.build\u002Frepo\u002Fdocs\n- RemixIcon: https:\u002F\u002Fremixicon.com\n\n## Implementation Checklist\n\nBuilding with this stack:\n\n- [ ] Create project structure (single app or monorepo)\n- [ ] Configure TypeScript and ESLint\n- [ ] Set up Next.js with App Router\n- [ ] Configure Turborepo pipeline (if monorepo)\n- [ ] Install and configure RemixIcon\n- [ ] Implement routing and layouts\n- [ ] Add loading and error states\n- [ ] Configure image and font optimization\n- [ ] Set up data fetching patterns\n- [ ] Configure caching strategies\n- [ ] Add API routes as needed\n- [ ] Implement shared component library (if monorepo)\n- [ ] Configure remote caching (if monorepo)\n- [ ] Set up CI\u002FCD pipeline\n- [ ] Configure deployment platform\n","# Web Frameworks Skill Group\n\nComprehensive guide for building modern full-stack web applications using Next.js, Turborepo, and RemixIcon.\n\n## Overview\n\nThis skill group combines three powerful tools for web development:\n\n**Next.js** - React framework with SSR, SSG, RSC, and optimization features\n**Turborepo** - High-performance monorepo build system for JavaScript\u002FTypeScript\n**RemixIcon** - Icon library with 3,100+ outlined and filled style icons\n\n## When to Use This Skill Group\n\n- Building new full-stack web applications with modern React\n- Setting up monorepos with multiple apps and shared packages\n- Implementing server-side rendering and static generation\n- Optimizing build performance with intelligent caching\n- Creating consistent UI with professional iconography\n- Managing workspace dependencies across multiple projects\n- Deploying production-ready applications with proper optimization\n\n## Stack Selection Guide\n\n### Single Application: Next.js + RemixIcon\n\nUse when building a standalone application:\n- E-commerce sites\n- Marketing websites\n- SaaS applications\n- Documentation sites\n- Blogs and content platforms\n\n**Setup:**\n```bash\nnpx create-next-app@latest my-app\ncd my-app\nnpm install remixicon\n```\n\n### Monorepo: Next.js + Turborepo + RemixIcon\n\nUse when building multiple applications with shared code:\n- Microfrontends\n- Multi-tenant platforms\n- Internal tools with shared component library\n- Multiple apps (web, admin, mobile-web) sharing logic\n- Design system with documentation site\n\n**Setup:**\n```bash\nnpx create-turbo@latest my-monorepo\n# Then configure Next.js apps in apps\u002F directory\n# Install remixicon in shared UI packages\n```\n\n### Framework Features Comparison\n\n| Feature | Next.js | Turborepo | RemixIcon |\n|---------|---------|-----------|-----------|\n| Primary Use | Web framework | Build system | UI icons |\n| Best For | SSR\u002FSSG apps | Monorepos | Consistent iconography |\n| Performance | Built-in optimization | Caching & parallel tasks | Lightweight fonts\u002FSVG |\n| TypeScript | Full support | Full support | Type definitions available |\n\n## Quick Start\n\n### Next.js Application\n\n```bash\n# Create new project\nnpx create-next-app@latest my-app\ncd my-app\n\n# Install RemixIcon\nnpm install remixicon\n\n# Import in layout\n# app\u002Flayout.tsx\nimport 'remixicon\u002Ffonts\u002Fremixicon.css'\n\n# Start development\nnpm run dev\n```\n\n### Turborepo Monorepo\n\n```bash\n# Create monorepo\nnpx create-turbo@latest my-monorepo\ncd my-monorepo\n\n# Structure:\n# apps\u002Fweb\u002F          - Next.js application\n# apps\u002Fdocs\u002F         - Documentation site\n# packages\u002Fui\u002F       - Shared components with RemixIcon\n# packages\u002Fconfig\u002F   - Shared configs\n# turbo.json         - Pipeline configuration\n\n# Run all apps\nnpm run dev\n\n# Build all packages\nnpm run build\n```\n\n### RemixIcon Integration\n\n```tsx\n\u002F\u002F Webfont (HTML\u002FCSS)\n\u003Ci className=\"ri-home-line\">\u003C\u002Fi>\n\u003Ci className=\"ri-search-fill ri-2x\">\u003C\u002Fi>\n\n\u002F\u002F React component\nimport { RiHomeLine, RiSearchFill } from \"@remixicon\u002Freact\"\n\u003CRiHomeLine size={24} \u002F>\n\u003CRiSearchFill size={32} color=\"blue\" \u002F>\n```\n\n## Reference Navigation\n\n**Next.js References:**\n- [App Router Architecture](.\u002Freferences\u002Fnextjs-app-router.md) - Routing, layouts, pages, parallel routes\n- [Server Components](.\u002Freferences\u002Fnextjs-server-components.md) - RSC patterns, client vs server, streaming\n- [Data Fetching](.\u002Freferences\u002Fnextjs-data-fetching.md) - fetch API, caching, revalidation, loading states\n- [Optimization](.\u002Freferences\u002Fnextjs-optimization.md) - Images, fonts, scripts, bundle analysis, PPR\n\n**Turborepo References:**\n- [Setup & Configuration](.\u002Freferences\u002Fturborepo-setup.md) - Installation, workspace config, package structure\n- [Task Pipelines](.\u002Freferences\u002Fturborepo-pipelines.md) - Dependencies, parallel execution, task ordering\n- [Caching Strategies](.\u002Freferences\u002Fturborepo-caching.md) - Local cache, remote cache, cache invalidation\n\n**RemixIcon References:**\n- [Integration Guide](.\u002Freferences\u002Fremix-icon-integration.md) - Installation, usage, customization, accessibility\n\n## Common Patterns & Workflows\n\n### Pattern 1: Full-Stack Monorepo\n\n```\nmy-monorepo\u002F\n├── apps\u002F\n│   ├── web\u002F              # Customer-facing Next.js app\n│   ├── admin\u002F            # Admin dashboard Next.js app\n│   └── docs\u002F             # Documentation site\n├── packages\u002F\n│   ├── ui\u002F               # Shared UI with RemixIcon\n│   ├── api-client\u002F       # API client library\n│   ├── config\u002F           # ESLint, TypeScript configs\n│   └── types\u002F            # Shared TypeScript types\n└── turbo.json            # Build pipeline\n```\n\n**turbo.json:**\n```json\n{\n  \"$schema\": \"https:\u002F\u002Fturbo.build\u002Fschema.json\",\n  \"pipeline\": {\n    \"build\": {\n      \"dependsOn\": [\"^build\"],\n      \"outputs\": [\".next\u002F**\", \"!.next\u002Fcache\u002F**\", \"dist\u002F**\"]\n    },\n    \"dev\": {\n      \"cache\": false,\n      \"persistent\": true\n    },\n    \"lint\": {},\n    \"test\": {\n      \"dependsOn\": [\"build\"]\n    }\n  }\n}\n```\n\n### Pattern 2: Shared Component Library\n\n```tsx\n\u002F\u002F packages\u002Fui\u002Fsrc\u002Fbutton.tsx\nimport { RiLoader4Line } from \"@remixicon\u002Freact\"\n\nexport function Button({ children, loading, icon }) {\n  return (\n    \u003Cbutton>\n      {loading ? \u003CRiLoader4Line className=\"animate-spin\" \u002F> : icon}\n      {children}\n    \u003C\u002Fbutton>\n  )\n}\n\n\u002F\u002F apps\u002Fweb\u002Fapp\u002Fpage.tsx\nimport { Button } from \"@repo\u002Fui\u002Fbutton\"\nimport { RiHomeLine } from \"@remixicon\u002Freact\"\n\nexport default function Page() {\n  return \u003CButton icon={\u003CRiHomeLine \u002F>}>Home\u003C\u002FButton>\n}\n```\n\n### Pattern 3: Optimized Data Fetching\n\n```tsx\n\u002F\u002F app\u002Fposts\u002F[slug]\u002Fpage.tsx\nimport { notFound } from 'next\u002Fnavigation'\n\n\u002F\u002F Static generation at build time\nexport async function generateStaticParams() {\n  const posts = await getPosts()\n  return posts.map(post => ({ slug: post.slug }))\n}\n\n\u002F\u002F Revalidate every hour\nasync function getPost(slug: string) {\n  const res = await fetch(`https:\u002F\u002Fapi.example.com\u002Fposts\u002F${slug}`, {\n    next: { revalidate: 3600 }\n  })\n  if (!res.ok) return null\n  return res.json()\n}\n\nexport default async function Post({ params }: { params: { slug: string } }) {\n  const post = await getPost(params.slug)\n  if (!post) notFound()\n\n  return \u003Carticle>{post.content}\u003C\u002Farticle>\n}\n```\n\n### Pattern 4: Monorepo CI\u002FCD Pipeline\n\n```yaml\n# .github\u002Fworkflows\u002Fci.yml\nname: ck:CI\non: [push, pull_request]\n\njobs:\n  build:\n    runs-on: ubuntu-latest\n    steps:\n      - uses: actions\u002Fcheckout@v4\n      - uses: actions\u002Fsetup-node@v4\n        with:\n          node-version: 18\n      - run: npm install\n      - run: npx turbo run build test lint\n        env:\n          TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}\n          TURBO_TEAM: ${{ secrets.TURBO_TEAM }}\n```\n\n## Utility Scripts\n\nPython utilities in `scripts\u002F` directory:\n\n**nextjs-init.py** - Initialize Next.js project with best practices\n**turborepo-migrate.py** - Convert existing monorepo to Turborepo\n\nUsage examples:\n```bash\n# Initialize new Next.js app with TypeScript and recommended setup\npython scripts\u002Fnextjs-init.py --name my-app --typescript --app-router\n\n# Migrate existing monorepo to Turborepo with dry-run\npython scripts\u002Fturborepo-migrate.py --path .\u002Fmy-monorepo --dry-run\n\n# Run tests\ncd scripts\u002Ftests\npytest\n```\n\n## Best Practices\n\n**Next.js:**\n- Default to Server Components, use Client Components only when needed\n- Implement proper loading and error states\n- Use Image component for automatic optimization\n- Set proper metadata for SEO\n- Leverage caching strategies (force-cache, revalidate, no-store)\n\n**Turborepo:**\n- Structure monorepo with clear separation (apps\u002F, packages\u002F)\n- Define task dependencies correctly (^build for topological)\n- Configure outputs for proper caching\n- Enable remote caching for team collaboration\n- Use filters to run tasks on changed packages only\n\n**RemixIcon:**\n- Use line style for minimal interfaces, fill for emphasis\n- Maintain 24x24 grid alignment for crisp rendering\n- Provide aria-labels for accessibility\n- Use currentColor for flexible theming\n- Prefer webfonts for multiple icons, SVG for single icons\n\n## Resources\n\n- Next.js: https:\u002F\u002Fnextjs.org\u002Fdocs\u002Fllms.txt\n- Turborepo: https:\u002F\u002Fturbo.build\u002Frepo\u002Fdocs\n- RemixIcon: https:\u002F\u002Fremixicon.com\n\n## Implementation Checklist\n\nBuilding with this stack:\n\n- [ ] Create project structure (single app or monorepo)\n- [ ] Configure TypeScript and ESLint\n- [ ] Set up Next.js with App Router\n- [ ] Configure Turborepo pipeline (if monorepo)\n- [ ] Install and configure RemixIcon\n- [ ] Implement routing and layouts\n- [ ] Add loading and error states\n- [ ] Configure image and font optimization\n- [ ] Set up data fetching patterns\n- [ ] Configure caching strategies\n- [ ] Add API routes as needed\n- [ ] Implement shared component library (if monorepo)\n- [ ] Configure remote caching (if monorepo)\n- [ ] Set up CI\u002FCD pipeline\n- [ ] Configure deployment platform\n",{"name":5,"license":15,"version":44,"description":7,"argument-hint":45},"1.0.0","[framework] [feature]","master","288d9f967abaebef5b3c7e172418f751b2d4de60",".agent\u002Fskills\u002Fweb-frameworks","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit","https:\u002F\u002Fgithub.com\u002FMinhHoangDono","2026-03-17 22:46:37",{"source":8,"skillName":5,"commands":53,"prompt":63,"zipAvailable":64},[54,57,60],{"tool":55,"command":56},"npx","npx skills add MinhHoangDono\u002Fantigravity-kit --skill \"ck:web-frameworks\"",{"tool":58,"command":59},"bunx","bunx skills add MinhHoangDono\u002Fantigravity-kit --skill \"ck:web-frameworks\"",{"tool":61,"command":62},"pnpm","pnpm dlx skills add MinhHoangDono\u002Fantigravity-kit --skill \"ck:web-frameworks\"","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",true,[66,72,76,80,84,88,92,96,100,105,109,113,117,121,125,129,133],{"path":67,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":70,"sourceHtmlUrl":71},"references\u002Fnextjs-app-router.md","REFERENCE","参考文档",9366,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Freferences\u002Fnextjs-app-router.md",{"path":73,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":74,"sourceHtmlUrl":75},"references\u002Fnextjs-data-fetching.md",10229,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Freferences\u002Fnextjs-data-fetching.md",{"path":77,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":78,"sourceHtmlUrl":79},"references\u002Fnextjs-optimization.md",11210,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Freferences\u002Fnextjs-optimization.md",{"path":81,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":82,"sourceHtmlUrl":83},"references\u002Fnextjs-server-components.md",10792,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Freferences\u002Fnextjs-server-components.md",{"path":85,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":86,"sourceHtmlUrl":87},"references\u002Fremix-icon-integration.md",10810,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Freferences\u002Fremix-icon-integration.md",{"path":89,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":90,"sourceHtmlUrl":91},"references\u002Fturborepo-caching.md",9714,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Freferences\u002Fturborepo-caching.md",{"path":93,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":94,"sourceHtmlUrl":95},"references\u002Fturborepo-pipelines.md",8510,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Freferences\u002Fturborepo-pipelines.md",{"path":97,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":98,"sourceHtmlUrl":99},"references\u002Fturborepo-setup.md",9696,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Freferences\u002Fturborepo-setup.md",{"path":101,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":14,"sourceHtmlUrl":104},"scripts\u002F__init__.py","SCRIPT","脚本","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002F__init__.py",{"path":106,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":107,"sourceHtmlUrl":108},"scripts\u002F.coverage",53248,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002F.coverage",{"path":110,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":111,"sourceHtmlUrl":112},"scripts\u002Fnextjs_init.py",15114,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002Fnextjs_init.py",{"path":114,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":115,"sourceHtmlUrl":116},"scripts\u002Frequirements.txt",430,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002Frequirements.txt",{"path":118,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":119,"sourceHtmlUrl":120},"scripts\u002Ftests\u002Fcoverage-web.json",34849,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002Ftests\u002Fcoverage-web.json",{"path":122,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":123,"sourceHtmlUrl":124},"scripts\u002Ftests\u002Frequirements.txt",52,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002Ftests\u002Frequirements.txt",{"path":126,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":127,"sourceHtmlUrl":128},"scripts\u002Ftests\u002Ftest_nextjs_init.py",10735,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002Ftests\u002Ftest_nextjs_init.py",{"path":130,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":131,"sourceHtmlUrl":132},"scripts\u002Ftests\u002Ftest_turborepo_migrate.py",12861,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002Ftests\u002Ftest_turborepo_migrate.py",{"path":134,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":135,"sourceHtmlUrl":136},"scripts\u002Fturborepo_migrate.py",13231,"https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fscripts\u002Fturborepo_migrate.py",[138,143,171,177,209,216],{"skillNo":139,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":142,"publishedAt":39},"01M6D1HVW4Z3K4VEZ2HNHYCCK6","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fweb-frameworks\u002Fweb-frameworks\u002FSKILL.md",[],[21,20,22,19,38,37,36,35,34,33,32,31,23,30,29,28,27,26,25,24],{"skillNo":144,"name":145,"nameZh":6,"description":146,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":147,"categories":148,"keywords":154,"publishedAt":39},"01M6D1G9MGF5M59YHWE3HW29AM","ck:threejs","Build 3D web apps with Three.js (WebGL\u002FWebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR\u002FXR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fthreejs\u002Fthreejs\u002FSKILL.md",[149],{"categoryNo":150,"categoryName":151,"taxonomyType":152,"taxonomyTypeDesc":153},"01JBSEEDCAT000000000000010","后端与接口","SCENARIO","使用场景",[155,145,156,157,21,158,159,160,161,162,163,164,165,166,167,32,168,169,170,24],"threejs","gltf","implement","webgpu","create","examples","actions","api","Animation","3D","Audio","model","integrations","three","compute","physics",{"skillNo":172,"name":145,"nameZh":6,"description":146,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":173,"categories":174,"keywords":176,"publishedAt":39},"01M6D1G2AJ1CMM1Y29FY88M7XF","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fthreejs\u002FSKILL.md",[175],{"categoryNo":150,"categoryName":151,"taxonomyType":152,"taxonomyTypeDesc":153},[155,145,156,157,21,158,159,160,161,162,163,164,165,166,167,32,168,169,170,24],{"skillNo":178,"name":179,"nameZh":6,"description":180,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":181,"categories":182,"keywords":191,"publishedAt":39},"01M6D1C1V0Y04ERKEZ5J5D3HHT","ck:mintlify","Build and deploy documentation sites with Mintlify. Use when creating API docs, developer portals, or knowledge bases. Covers docs.json configuration, MDX components (Cards, Steps, Tabs, Accordions, CodeGroup, Callouts, Mermaid, View, Tiles, Tree, Badge, Banner, Color, Tooltips, Panel), page frontmatter, navigation structure (tabs, anchors, dropdowns, products, versions, languages), theming (7 themes), OpenAPI\u002FAsyncAPI integration, AI features (llms.txt, MCP, skill.md), deployment (GitHub, GitLab, Vercel, Cloudflare, AWS), and CLI commands for local development and validation.","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fmintlify\u002Fmintlify\u002FSKILL.md",[183,186],{"categoryNo":184,"categoryName":185,"taxonomyType":152,"taxonomyTypeDesc":153},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":187,"categoryName":188,"taxonomyType":189,"taxonomyTypeDesc":190},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[192,179,193,194,195,196,197,198,199,200,162,201,202,203,32,204,205,206,207,208],"mintlify","MCP","llms","components","documentation","deployment","development","cloudflare","openapi","knowledge","page","view","vercel","bases","task","structure","local",{"skillNo":210,"name":179,"nameZh":6,"description":180,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":211,"categories":212,"keywords":215,"publishedAt":39},"01M6D1BXES6XY8P4AP26Y1FFTW","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fmintlify\u002FSKILL.md",[213,214],{"categoryNo":184,"categoryName":185,"taxonomyType":152,"taxonomyTypeDesc":153},{"categoryNo":187,"categoryName":188,"taxonomyType":189,"taxonomyTypeDesc":190},[192,179,193,194,195,196,197,198,199,200,162,201,202,203,32,204,205,206,207,208],{"skillNo":217,"name":218,"nameZh":6,"description":219,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":220,"categories":221,"keywords":225,"publishedAt":39},"01M6D1BNXPTTXQNSG18W28R16S","ck:media-processing","Process media with FFmpeg (video\u002Faudio), ImageMagick (images), RMBG (AI background removal). Use for encoding, format conversion, filters, thumbnails, batch processing, HLS\u002FDASH streaming.","https:\u002F\u002Fgithub.com\u002FMinhHoangDono\u002Fantigravity-kit\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fmedia-processing\u002Fmedia-processing\u002FSKILL.md",[222],{"categoryNo":223,"categoryName":224,"taxonomyType":152,"taxonomyTypeDesc":153},"01JBSEEDCAT000000000000016","图像与多媒体",[226,227,228,229,230,231,232,233,165,234,235,32,236,237,238,239,240],"Media","media processing","ck:media processing","batch","streaming","file","encoding","Video","format","process","filters","conversion","images","thumbnails","imagemagick"]