[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3009":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":8,"language":10,"languages":8,"totalLinesOfCode":8,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":14,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":16,"compositeScore":18,"rankGlobal":8,"rankLanguage":8,"license":8,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":19,"hasPages":19,"topics":21,"createdAt":8,"pushedAt":8,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":15,"starSnapshotCount":15,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},3009,"animate-text","pixel-point\u002Fanimate-text","pixel-point",null,"https:\u002F\u002Fpixelpoint.io\u002Fskills\u002Fanimate-text\u002F","TypeScript",115,8,81,1,0,3,29,43.26,false,"main",[],"2026-06-12 04:00:16","# Project Guide\n\nThis document explains how to run, build, and maintain the project locally.\n\n## Technology Stack\n\n- [Next.js](https:\u002F\u002Fnextjs.org\u002F) - application framework and routing\n- [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F) - utility-first styling\n- [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com\u002F) - reusable UI component patterns built on Radix primitives\n\n## Requirements\n\n- Node.js 20+\n- pnpm 10+\n\n## Getting Started\n\nRun all commands from the project root (this folder):\n\n```bash\npnpm install\npnpm dev\n```\n\nThe app will be available at `http:\u002F\u002Flocalhost:3000`.\n\nIf environment variables are required for a specific setup:\n\n```bash\ncp .env.example .env\n```\n\n## Development Workflow\n\n1. Start the dev server with `pnpm dev`.\n2. Regenerate the skill and app data when changing the animation catalog:\n   - `pnpm generate:animate-text-skill`\n   - `pnpm validate:animate-text-catalog`\n3. Add or update routes in `src\u002Fapp`.\n4. Build reusable UI in `src\u002Fcomponents\u002Fui`.\n5. Build page-specific sections in `src\u002Fcomponents\u002Fpages\u002F\u003Cslug>`\n6. Compose pages from those sections inside route files under `src\u002Fapp`.\n7. Run quality checks before committing:\n   - `pnpm lint`\n   - `pnpm format`\n   - `pnpm typecheck` (`tsgo --noEmit`)\n   - `pnpm build`\n\n## Available Scripts\n\n- `pnpm dev` - start Next.js in development mode\n- `pnpm generate:animate-text-skill` - rebuild the installable skill and generated site data from `catalog\u002Ftext-animations`\n- `pnpm validate:animate-text-catalog` - validate canonical catalog inputs and ensure generated outputs are up to date\n- `pnpm test:animate-text-skill` - smoke test the generated public skill helper scripts\n- `pnpm build` - create a production build\n- `pnpm start` - run the production server\n- `pnpm lint` - run OXC lint checks\n- `pnpm lint:fix` - run OXC lint with auto-fixes\n- `pnpm format` - check formatting with Oxfmt\n- `pnpm format:fix` - format files with Oxfmt\n- `pnpm typecheck` - run TypeScript type checks with tsgo\n\n## Project Structure\n\n```text\n.\n├─ public\u002F                    # static assets served as-is\n├─ catalog\u002F                   # canonical source-of-truth data for the text animation library\n├─ skills\u002F                    # installable generated skill output\n├─ templates\u002F                 # templates used to generate skill documents\n├─ src\u002F\n│  ├─ app\u002F                    # Next.js App Router (routes, layouts, not-found)\n│  ├─ components\u002F\n│  │  ├─ ui\u002F                  # shared UI primitives\n│  │  └─ pages\u002F\n│  │     ├─ home\u002F             # components used only by the Home page\n│  │     └─ \u003Cslug>\u002F           # components used only by one specific page\n│  ├─ content\u002F                # markdown content grouped by feature\u002Fpage\n│  ├─ configs\u002F                # app and website configuration\n│  ├─ constants\u002F              # static constants\n│  ├─ contexts\u002F               # React providers\u002Fcontexts\n│  ├─ hooks\u002F                  # reusable React hooks\n│  ├─ lib\u002F                    # utilities and framework helpers\n│  ├─ styles\u002F                 # global and feature styles\n│  └─ types\u002F                  # shared TypeScript types\n├─ scripts\u002F                   # repo-maintainer scripts including catalog generation\u002Fvalidation\n├─ next.config.ts             # Next.js configuration\n├─ postcss.config.mjs         # PostCSS configuration\n├─ tailwind.plugins.mjs       # Tailwind plugin setup\n├─ .oxlintrc.json             # OXC lint configuration\n├─ .oxfmtrc.json              # OXC formatter configuration\n└─ package.json\n```\n\n## Website Config\n\nWebsite-level settings are defined in `src\u002Fconfigs\u002Fwebsite-config.ts`.\n\nUse this config for branding, metadata defaults, and repository links. Common fields:\n\n- `projectName` - project name used in UI and metadata\n- `metaThemeColors.light` \u002F `metaThemeColors.dark` - browser theme colors\n- `src\u002Fapp\u002Fopengraph-image.tsx` - generated OG\u002Fsocial preview image used for Open Graph and Twitter\n- `githubOrg` \u002F `githubRepo` - repository metadata for links\u002Fintegrations\n\nExample:\n\n```ts\nconst config = {\n  projectName: '\u003CYOUR_PROJECT_NAME>',\n  metaThemeColors: {\n    light: '#ffffff',\n    dark: '#09090b',\n  },\n};\n```\n\n## Content Directory\n\nContent lives in `src\u002Fcontent` and is organized by folders per section\u002Fpage type.\n\nExample structure:\n\n```text\nsrc\u002Fcontent\u002F\n├─ blog\u002F\n├─ docs\u002F\n└─ legal\u002F\n```\n\nRules for this project:\n\n- Use Markdown only (`.md` files).\n- Keep content grouped by folder (for example: `docs\u002F`, `blog\u002F`, `legal\u002F`).\n- Use nested folders when you need hierarchy inside a section.\n\n### Documentation (`\u002Fdocs`) Conventions\n\nFor the `\u002Fdocs` section, this project follows the same page conventions as FumaDocs. Use the official [FumaDocs page conventions](https:\u002F\u002Fwww.fumadocs.dev\u002Fdocs\u002Fpage-conventions) as the primary reference when creating or editing docs pages.\n\n## Build and Output\n\n- Run `pnpm build` to generate the production build in `.next\u002F`.\n- Run `pnpm start` to serve the compiled build.\n- `postbuild` can generate sitemap files and `robots.txt` via `next-sitemap`.\n- Generated\u002Fruntime directories such as `.next\u002F`, `.turbo\u002F`, and `node_modules\u002F` are not source files.\n\n## Animate Text Skill\n\nThis repository now contains two downstream outputs generated from `catalog\u002Ftext-animations\u002F`:\n\n- `skills\u002Fanimate-text\u002F` - the installable public skill for the `skills.sh` ecosystem\n- `src\u002Fdata\u002Ftext-animations\u002Fgenerated\u002F` - app-facing generated modules used by the website\n\nCanonical editing rules:\n\n- edit `catalog\u002Ftext-animations\u002F**` by hand\n- do not hand-edit `skills\u002Fanimate-text\u002F**`\n- do not hand-edit `src\u002Fdata\u002Ftext-animations\u002Fgenerated\u002F**`\n\nTypical maintainer flow:\n\n```bash\npnpm generate:animate-text-skill\npnpm validate:animate-text-catalog\npnpm test:animate-text-skill\n```\n\nInstall form for consumers:\n\n```bash\nnpx skills add \u003Cowner>\u002F\u003Crepo> --skill animate-text\n```\n","该项目是一个用于生成和管理文本动画的工具。它利用Next.js作为应用框架，结合Tailwind CSS进行样式设计，并采用shadcn\u002Fui提供可复用的UI组件模式。核心功能包括动态生成文本动画库、验证动画目录以及构建高质量的前端页面。适合需要在网站或应用程序中添加丰富且吸引人的文本动画效果的开发者使用。通过简单的命令行操作即可启动开发环境，并支持完整的开发工作流，从代码质量检查到生产构建，确保项目稳定性和高效性。",2,"2026-06-11 02:52:08","CREATED_QUERY"]