[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71QXQNG1QXHGETHZEWKHQKA":3,"skill-same:01M71QXQNG1QXHGETHZEWKHQKA":82},{"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":31,"publishedAt":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":61,"commitSha":62,"skillDirectory":63,"forksCount":14,"repositoryHtmlUrl":64,"repositoryHomepageUrl":6,"ownerHtmlUrl":65,"ownerBlogUrl":6,"ownerDescription":66,"updatedAt":67,"install":68,"resources":81},"01M71QXQNG1QXHGETHZEWKHQKA","discover-frontend",null,"Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance optimization, or SEO. Activates for frontend web development tasks.","Patkik\u002FBarcelon_store","Patkik","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F250017341?v=4","01M6J75RKG7PA5QGZFKPR3VZ3M","DracoNox","01M71QNVBGTD4W726NY9SJ3CHW",0,"MIT","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Fdiscover-frontend\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],"discover frontend","discover","frontend","seo","when","data fetching","for","ui components","next","forms","frontend development","data","Optimization","ui","code","development","tasks","react","components","performance","2026-11-10 13:02:02",false,"---\nname: discover-frontend\ndescription: Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance optimization, or SEO. Activates for frontend web development tasks.\nlicense: MIT\nmetadata:\n  author: rand\n  version: \"4.0\"\ncompatibility: Designed for Claude Code. Compatible with any agent supporting the Agent Skills format.\n---\n\n# Frontend Skills Discovery\n\nProvides automatic access to comprehensive frontend development skills.\n\n## When This Skill Activates\nThis skill auto-activates when you're working with:\n- React component development\n- Next.js applications and App Router\n- State management (Context, Zustand, Redux)\n- Data fetching (SWR, React Query, Server Actions)\n- Form handling and validation\n- Web accessibility (WCAG, ARIA)\n- Frontend performance optimization\n- SEO and metadata\n- UI\u002FUX design implementation\n- terminal user interfaces\n- TUI\n- Bubble Tea\n- Ratatui\n- terminal UI\n- text-based interfaces\n- ncurses\n\n## Available Skills\n\n### Quick Reference\n\nThe Frontend category contains 16 skills across 2 subcategories (+ elegant-design):\n\n**Frontend (11 skills):**\n1. **react-component-patterns** - Component design, composition, hooks, performance\n2. **nextjs-app-router** - Next.js 14+ App Router, Server Components, routing\n3. **react-state-management** - Context, Zustand, Redux Toolkit patterns\n4. **react-data-fetching** - SWR, React Query, Server Actions, data patterns\n5. **react-form-handling** - React Hook Form, Zod validation, form patterns\n6. **web-accessibility** - WCAG 2.1 AA compliance, ARIA, keyboard navigation\n7. **frontend-performance** - Bundle optimization, Core Web Vitals, code splitting\n8. **nextjs-seo** - SEO with Next.js, metadata API, structured data\n9. **web-workers** - Web Workers API, message passing, offloading computation\n10. **browser-concurrency** - Service Workers, SharedWorkers, Worklets, PWAs\n11. **elegant-design\u002FSKILL.md** - World-class accessible interfaces (separate Agent Skill)\n\n**TUI (5 skills):** See `..\u002Ftui\u002FINDEX.md`\n\n### Load Full Category Details\nRead ..\u002Ffrontend\u002FINDEX.md\nRead ..\u002Ftui\u002FINDEX.md\n\n## Common Workflows\n\n### New Next.js Application\n**Sequence**: App Router → Components → Data Fetching\n\nRead ..\u002Ffrontend\u002Fnextjs-app-router.md          # Setup routing, layouts\nRead ..\u002Ffrontend\u002Freact-component-patterns.md   # Build components\nRead ..\u002Ffrontend\u002Freact-data-fetching.md        # Fetch data\n\n\n### Elegant UI Design\n**Sequence**: Design System → Components → Accessibility\n\n\n# Note: elegant-design auto-activates as separate Agent Skill\n# for design-focused work (shadcn\u002Fui, accessible interfaces, etc.)\nRead ..\u002Ffrontend\u002Freact-component-patterns.md\nRead ..\u002Ffrontend\u002Fweb-accessibility.md\n\n\n### Form Implementation\n**Sequence**: Form Handling → State Management\n\nRead ..\u002Ffrontend\u002Freact-form-handling.md     # Build forms\nRead ..\u002Ffrontend\u002Freact-state-management.md  # Manage form state\n\n\n### Production Optimization\n**Sequence**: Performance → Accessibility → SEO\n\nRead ..\u002Ffrontend\u002Ffrontend-performance.md    # Optimize bundle\nRead ..\u002Ffrontend\u002Fweb-accessibility.md       # Ensure accessibility\nRead ..\u002Ffrontend\u002Fnextjs-seo.md              # Optimize SEO\n\n\n### CPU-Intensive Features & PWAs\n**Sequence**: Workers → Concurrency → Performance\n\nRead ..\u002Ffrontend\u002Fweb-workers.md             # Offload heavy computation\nRead ..\u002Ffrontend\u002Fbrowser-concurrency.md     # Service Workers, offline support\nRead ..\u002Ffrontend\u002Ffrontend-performance.md    # Optimize overall performance\n\n\n## Skill Selection Guide\n\n**React Component Patterns** → `react-component-patterns.md`:\n- Component architecture and composition\n- Custom hooks\n- Performance optimization (memo, useMemo, useCallback)\n- Design patterns (compound components, render props, HOCs)\n\n**Next.js App Router** → `nextjs-app-router.md`:\n- Server Components vs Client Components\n- Routing and layouts\n- Data fetching patterns\n- Streaming and Suspense\n- Route handlers and API routes\n\n**State Management** → `react-state-management.md`:\n- When to use Context vs external state libraries\n- Zustand for simple global state\n- Redux Toolkit for complex state\n- Server state vs client state\n\n**Data Fetching** → `react-data-fetching.md`:\n- SWR for client-side fetching\n- React Query (TanStack Query) for advanced patterns\n- Next.js Server Actions\n- Data mutation patterns\n- Caching strategies\n\n**Forms** → `react-form-handling.md`:\n- React Hook Form for performance\n- Zod for validation\n- Form state management\n- Error handling\n- File uploads\n\n**Accessibility** → `web-accessibility.md`:\n- WCAG 2.1 AA compliance\n- ARIA attributes\n- Keyboard navigation\n- Screen reader support\n- Color contrast and focus management\n\n**Performance** → `frontend-performance.md`:\n- Bundle size optimization\n- Code splitting and lazy loading\n- Core Web Vitals\n- Image optimization\n- Font optimization\n- Runtime performance\n\n**SEO** → `nextjs-seo.md`:\n- Next.js Metadata API\n- Open Graph and Twitter cards\n- Structured data (JSON-LD)\n- Sitemap and robots.txt\n- Dynamic metadata\n\n**Web Workers** → `web-workers.md`:\n- Offloading heavy computation\n- Web Workers API and message passing\n- Transferable objects for zero-copy\n- React integration with custom hooks\n- Worker pools for parallel processing\n- TypeScript type safety\n\n**Browser Concurrency** → `browser-concurrency.md`:\n- Service Workers for offline support and PWAs\n- SharedWorkers for cross-tab state\n- Audio\u002FPaint\u002FAnimation Worklets\n- Background sync and push notifications\n- Caching strategies\n- BroadcastChannel for cross-tab messaging\n\n## Integration with Other Skills\n\nFrontend skills commonly combine with:\n\n**API skills** (`discover-api`):\n- Consuming REST APIs\n- GraphQL client integration\n- API error handling in UI\n- Authentication flows\n\n**Testing skills** (`discover-testing`):\n- Component testing\n- E2E testing with Playwright\n- Visual regression testing\n- Accessibility testing\n\n**Design** (`elegant-design` Agent Skill):\n- shadcn\u002Fui components\n- Accessible design patterns\n- Chat\u002Fterminal\u002Fcode UIs\n- Streaming interfaces\n- Design systems\n\n**Database skills** (`discover-database`):\n- Server Actions with database queries\n- ORM integration in Server Components\n- Real-time data updates\n\n**Deployment skills** (`discover-deployment`):\n- Vercel deployment\n- Netlify deployment\n- Performance monitoring\n- CDN configuration\n\n## Progressive Loading\n\nThis gateway skill enables progressive loading:\n- **Level 1**: Gateway loads automatically (you're here now)\n- **Level 2**: Load category INDEX.md (~4K tokens) for full overview\n- **Level 3**: Load specific skills (~3-4K tokens each) as needed\n\nTotal context: 2K + 4K + skill(s) = 6-12K tokens vs 25K+ for entire index.\n\n## Quick Start Examples\n\n**\"Build a Next.js app with App Router\"**:\nRead ..\u002Ffrontend\u002Fnextjs-app-router.md\n\n\n**\"Create reusable React components\"**:\nRead ..\u002Ffrontend\u002Freact-component-patterns.md\n\n\n**\"Implement global state management\"**:\nRead ..\u002Ffrontend\u002Freact-state-management.md\n\n\n**\"Build a form with validation\"**:\nRead ..\u002Ffrontend\u002Freact-form-handling.md\n\n\n**\"Optimize my app performance\"**:\nRead ..\u002Ffrontend\u002Ffrontend-performance.md\n\n\n**\"Make my app accessible\"**:\nRead ..\u002Ffrontend\u002Fweb-accessibility.md\n\n\n**\"Improve SEO\"**:\nRead ..\u002Ffrontend\u002Fnextjs-seo.md\n\n\n**\"Offload heavy computation\"**:\nRead ..\u002Ffrontend\u002Fweb-workers.md\n\n\n**\"Build a PWA with offline support\"**:\nRead ..\u002Ffrontend\u002Fbrowser-concurrency.md\n\n\n## React vs Next.js Decision\n\n**Use React (Vite)** when:\n- Building SPAs or client-heavy apps\n- Don't need SSR or SSG\n- Want full control over routing\n- Building component libraries\n\n**Use Next.js** when:\n- Need SEO (Server-Side Rendering)\n- Want file-based routing\n- Need API routes\n- Building full-stack apps\n- Want optimal performance out of the box\n\n## State Management Decision\n\n**Use Component State (useState)** when:\n- State is local to a component\n- Simple state that doesn't need sharing\n\n**Use Context** when:\n- Sharing state across a few components\n- Theme, auth, or user preferences\n- Not frequently updated\n\n**Use Zustand** when:\n- Need global state\n- Want simple API\n- State updates are moderate\n\n**Use Redux Toolkit** when:\n- Complex state logic\n- Need middleware (sagas, thunks)\n- Large team with established patterns\n- Time-travel debugging needed\n\nFor detailed guidance:\nRead ..\u002Ffrontend\u002Freact-state-management.md\n\n\n## Data Fetching Decision\n\n**Server Components** (Next.js App Router):\n- Default choice for Next.js 14+\n- Fetch on server, zero client JS\n- Direct database access\n\n**Server Actions** (Next.js):\n- For mutations and form handling\n- Progressive enhancement\n- Type-safe with TypeScript\n\n**SWR**:\n- Client-side data fetching\n- Built-in caching\n- Optimistic updates\n- Focus on user experience\n\n**React Query**:\n- Advanced caching strategies\n- Complex data dependencies\n- Offline support\n- DevTools for debugging\n\nFor detailed patterns:\nRead ..\u002Ffrontend\u002Freact-data-fetching.md\n\n\n## Usage Instructions\n\n1. **Auto-activation**: This skill loads automatically when Claude Code detects frontend work\n2. **Browse skills**: Run `Read ..\u002Ffrontend\u002FINDEX.md` for full category overview\n3. **Load specific skills**: Use bash commands above to load individual skills\n4. **Follow workflows**: Use recommended sequences for common patterns\n5. **elegant-design**: Note that elegant-design is a separate Agent Skill that auto-activates for UI design work\n\n\n**Next Steps**: Run `Read ..\u002Ffrontend\u002FINDEX.md` to see full category details, or load specific skills using the bash commands above.\n","# Frontend Skills Discovery\n\nProvides automatic access to comprehensive frontend development skills.\n\n## When This Skill Activates\nThis skill auto-activates when you're working with:\n- React component development\n- Next.js applications and App Router\n- State management (Context, Zustand, Redux)\n- Data fetching (SWR, React Query, Server Actions)\n- Form handling and validation\n- Web accessibility (WCAG, ARIA)\n- Frontend performance optimization\n- SEO and metadata\n- UI\u002FUX design implementation\n- terminal user interfaces\n- TUI\n- Bubble Tea\n- Ratatui\n- terminal UI\n- text-based interfaces\n- ncurses\n\n## Available Skills\n\n### Quick Reference\n\nThe Frontend category contains 16 skills across 2 subcategories (+ elegant-design):\n\n**Frontend (11 skills):**\n1. **react-component-patterns** - Component design, composition, hooks, performance\n2. **nextjs-app-router** - Next.js 14+ App Router, Server Components, routing\n3. **react-state-management** - Context, Zustand, Redux Toolkit patterns\n4. **react-data-fetching** - SWR, React Query, Server Actions, data patterns\n5. **react-form-handling** - React Hook Form, Zod validation, form patterns\n6. **web-accessibility** - WCAG 2.1 AA compliance, ARIA, keyboard navigation\n7. **frontend-performance** - Bundle optimization, Core Web Vitals, code splitting\n8. **nextjs-seo** - SEO with Next.js, metadata API, structured data\n9. **web-workers** - Web Workers API, message passing, offloading computation\n10. **browser-concurrency** - Service Workers, SharedWorkers, Worklets, PWAs\n11. **elegant-design\u002FSKILL.md** - World-class accessible interfaces (separate Agent Skill)\n\n**TUI (5 skills):** See `..\u002Ftui\u002FINDEX.md`\n\n### Load Full Category Details\nRead ..\u002Ffrontend\u002FINDEX.md\nRead ..\u002Ftui\u002FINDEX.md\n\n## Common Workflows\n\n### New Next.js Application\n**Sequence**: App Router → Components → Data Fetching\n\nRead ..\u002Ffrontend\u002Fnextjs-app-router.md          # Setup routing, layouts\nRead ..\u002Ffrontend\u002Freact-component-patterns.md   # Build components\nRead ..\u002Ffrontend\u002Freact-data-fetching.md        # Fetch data\n\n\n### Elegant UI Design\n**Sequence**: Design System → Components → Accessibility\n\n\n# Note: elegant-design auto-activates as separate Agent Skill\n# for design-focused work (shadcn\u002Fui, accessible interfaces, etc.)\nRead ..\u002Ffrontend\u002Freact-component-patterns.md\nRead ..\u002Ffrontend\u002Fweb-accessibility.md\n\n\n### Form Implementation\n**Sequence**: Form Handling → State Management\n\nRead ..\u002Ffrontend\u002Freact-form-handling.md     # Build forms\nRead ..\u002Ffrontend\u002Freact-state-management.md  # Manage form state\n\n\n### Production Optimization\n**Sequence**: Performance → Accessibility → SEO\n\nRead ..\u002Ffrontend\u002Ffrontend-performance.md    # Optimize bundle\nRead ..\u002Ffrontend\u002Fweb-accessibility.md       # Ensure accessibility\nRead ..\u002Ffrontend\u002Fnextjs-seo.md              # Optimize SEO\n\n\n### CPU-Intensive Features & PWAs\n**Sequence**: Workers → Concurrency → Performance\n\nRead ..\u002Ffrontend\u002Fweb-workers.md             # Offload heavy computation\nRead ..\u002Ffrontend\u002Fbrowser-concurrency.md     # Service Workers, offline support\nRead ..\u002Ffrontend\u002Ffrontend-performance.md    # Optimize overall performance\n\n\n## Skill Selection Guide\n\n**React Component Patterns** → `react-component-patterns.md`:\n- Component architecture and composition\n- Custom hooks\n- Performance optimization (memo, useMemo, useCallback)\n- Design patterns (compound components, render props, HOCs)\n\n**Next.js App Router** → `nextjs-app-router.md`:\n- Server Components vs Client Components\n- Routing and layouts\n- Data fetching patterns\n- Streaming and Suspense\n- Route handlers and API routes\n\n**State Management** → `react-state-management.md`:\n- When to use Context vs external state libraries\n- Zustand for simple global state\n- Redux Toolkit for complex state\n- Server state vs client state\n\n**Data Fetching** → `react-data-fetching.md`:\n- SWR for client-side fetching\n- React Query (TanStack Query) for advanced patterns\n- Next.js Server Actions\n- Data mutation patterns\n- Caching strategies\n\n**Forms** → `react-form-handling.md`:\n- React Hook Form for performance\n- Zod for validation\n- Form state management\n- Error handling\n- File uploads\n\n**Accessibility** → `web-accessibility.md`:\n- WCAG 2.1 AA compliance\n- ARIA attributes\n- Keyboard navigation\n- Screen reader support\n- Color contrast and focus management\n\n**Performance** → `frontend-performance.md`:\n- Bundle size optimization\n- Code splitting and lazy loading\n- Core Web Vitals\n- Image optimization\n- Font optimization\n- Runtime performance\n\n**SEO** → `nextjs-seo.md`:\n- Next.js Metadata API\n- Open Graph and Twitter cards\n- Structured data (JSON-LD)\n- Sitemap and robots.txt\n- Dynamic metadata\n\n**Web Workers** → `web-workers.md`:\n- Offloading heavy computation\n- Web Workers API and message passing\n- Transferable objects for zero-copy\n- React integration with custom hooks\n- Worker pools for parallel processing\n- TypeScript type safety\n\n**Browser Concurrency** → `browser-concurrency.md`:\n- Service Workers for offline support and PWAs\n- SharedWorkers for cross-tab state\n- Audio\u002FPaint\u002FAnimation Worklets\n- Background sync and push notifications\n- Caching strategies\n- BroadcastChannel for cross-tab messaging\n\n## Integration with Other Skills\n\nFrontend skills commonly combine with:\n\n**API skills** (`discover-api`):\n- Consuming REST APIs\n- GraphQL client integration\n- API error handling in UI\n- Authentication flows\n\n**Testing skills** (`discover-testing`):\n- Component testing\n- E2E testing with Playwright\n- Visual regression testing\n- Accessibility testing\n\n**Design** (`elegant-design` Agent Skill):\n- shadcn\u002Fui components\n- Accessible design patterns\n- Chat\u002Fterminal\u002Fcode UIs\n- Streaming interfaces\n- Design systems\n\n**Database skills** (`discover-database`):\n- Server Actions with database queries\n- ORM integration in Server Components\n- Real-time data updates\n\n**Deployment skills** (`discover-deployment`):\n- Vercel deployment\n- Netlify deployment\n- Performance monitoring\n- CDN configuration\n\n## Progressive Loading\n\nThis gateway skill enables progressive loading:\n- **Level 1**: Gateway loads automatically (you're here now)\n- **Level 2**: Load category INDEX.md (~4K tokens) for full overview\n- **Level 3**: Load specific skills (~3-4K tokens each) as needed\n\nTotal context: 2K + 4K + skill(s) = 6-12K tokens vs 25K+ for entire index.\n\n## Quick Start Examples\n\n**\"Build a Next.js app with App Router\"**:\nRead ..\u002Ffrontend\u002Fnextjs-app-router.md\n\n\n**\"Create reusable React components\"**:\nRead ..\u002Ffrontend\u002Freact-component-patterns.md\n\n\n**\"Implement global state management\"**:\nRead ..\u002Ffrontend\u002Freact-state-management.md\n\n\n**\"Build a form with validation\"**:\nRead ..\u002Ffrontend\u002Freact-form-handling.md\n\n\n**\"Optimize my app performance\"**:\nRead ..\u002Ffrontend\u002Ffrontend-performance.md\n\n\n**\"Make my app accessible\"**:\nRead ..\u002Ffrontend\u002Fweb-accessibility.md\n\n\n**\"Improve SEO\"**:\nRead ..\u002Ffrontend\u002Fnextjs-seo.md\n\n\n**\"Offload heavy computation\"**:\nRead ..\u002Ffrontend\u002Fweb-workers.md\n\n\n**\"Build a PWA with offline support\"**:\nRead ..\u002Ffrontend\u002Fbrowser-concurrency.md\n\n\n## React vs Next.js Decision\n\n**Use React (Vite)** when:\n- Building SPAs or client-heavy apps\n- Don't need SSR or SSG\n- Want full control over routing\n- Building component libraries\n\n**Use Next.js** when:\n- Need SEO (Server-Side Rendering)\n- Want file-based routing\n- Need API routes\n- Building full-stack apps\n- Want optimal performance out of the box\n\n## State Management Decision\n\n**Use Component State (useState)** when:\n- State is local to a component\n- Simple state that doesn't need sharing\n\n**Use Context** when:\n- Sharing state across a few components\n- Theme, auth, or user preferences\n- Not frequently updated\n\n**Use Zustand** when:\n- Need global state\n- Want simple API\n- State updates are moderate\n\n**Use Redux Toolkit** when:\n- Complex state logic\n- Need middleware (sagas, thunks)\n- Large team with established patterns\n- Time-travel debugging needed\n\nFor detailed guidance:\nRead ..\u002Ffrontend\u002Freact-state-management.md\n\n\n## Data Fetching Decision\n\n**Server Components** (Next.js App Router):\n- Default choice for Next.js 14+\n- Fetch on server, zero client JS\n- Direct database access\n\n**Server Actions** (Next.js):\n- For mutations and form handling\n- Progressive enhancement\n- Type-safe with TypeScript\n\n**SWR**:\n- Client-side data fetching\n- Built-in caching\n- Optimistic updates\n- Focus on user experience\n\n**React Query**:\n- Advanced caching strategies\n- Complex data dependencies\n- Offline support\n- DevTools for debugging\n\nFor detailed patterns:\nRead ..\u002Ffrontend\u002Freact-data-fetching.md\n\n\n## Usage Instructions\n\n1. **Auto-activation**: This skill loads automatically when Claude Code detects frontend work\n2. **Browse skills**: Run `Read ..\u002Ffrontend\u002FINDEX.md` for full category overview\n3. **Load specific skills**: Use bash commands above to load individual skills\n4. **Follow workflows**: Use recommended sequences for common patterns\n5. **elegant-design**: Note that elegant-design is a separate Agent Skill that auto-activates for UI design work\n\n\n**Next Steps**: Run `Read ..\u002Ffrontend\u002FINDEX.md` to see full category details, or load specific skills using the bash commands above.\n",{"name":5,"license":15,"metadata":57,"description":7,"compatibility":60},{"author":58,"version":59},"rand","4.0","Designed for Claude Code. Compatible with any agent supporting the Agent Skills format.","master","638551293d170bc2c5c92c5c4b271a4902b74ce0","skills\u002Fdiscover-frontend","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store","https:\u002F\u002Fgithub.com\u002FPatkik","Hi I like tech!","2026-04-28 23:22:14",{"source":8,"skillName":5,"commands":69,"prompt":79,"zipAvailable":80},[70,73,76],{"tool":71,"command":72},"npx","npx skills add Patkik\u002FBarcelon_store --skill discover-frontend",{"tool":74,"command":75},"bunx","bunx skills add Patkik\u002FBarcelon_store --skill discover-frontend",{"tool":77,"command":78},"pnpm","pnpm dlx skills add Patkik\u002FBarcelon_store --skill discover-frontend","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Fdiscover-frontend\u002FSKILL.md",true,[],[83,110,138,165,189,214],{"skillNo":84,"name":85,"nameZh":6,"description":86,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":87,"licenseFileUrl":88,"sourceHtmlUrl":89,"categories":90,"keywords":92,"publishedAt":52},"01M71R15X9XAGH73BKM7CSTJZQ","skill-creator","Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, update or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.","Apache-2.0","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Fskill-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Fskill-creator\u002FSKILL.md",[91],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[93,94,51,95,96,97,36,98,99,100,101,102,103,104,105,106,107,108,38,109],"skill creator","creator","improve","run evals","new","analysis","create","optimize","variance analysis","run","update","benchmark","a skill","existing skill","evals","modify","accuracy",{"skillNo":111,"name":112,"nameZh":6,"description":113,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":114,"categories":115,"keywords":119,"publishedAt":52},"01M71QYD2E5EGEQG5ZBNBK68GT","huggingface-tokenizers","Fast tokenizers optimized for research and production. Rust-based implementation tokenizes 1GB in \u003C20 seconds. Supports BPE, WordPiece, and Unigram algorithms. Train custom vocabularies, track alignments, handle padding\u002Ftruncation. Integrates seamlessly with transformers. Use when you need high-performance tokenization or custom tokenizer training.","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Fhuggingface-tokenizers\u002FSKILL.md",[116],{"categoryNo":117,"categoryName":118,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",[120,121,122,51,123,124,125,126,127,128,129,36,130,131,132,133,134,135,136,137],"huggingface tokenizers","HuggingFace","alignment","training","rust","Tokenization","BPE","WordPiece","Unigram","high-performance","Fast Tokenization","you","Custom Tokenizer","Alignment Tracking","track","Transformers","algorithms","orchestra",{"skillNo":139,"name":140,"nameZh":6,"description":141,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":142,"categories":143,"keywords":149,"publishedAt":52},"01M71QXV96B0R4N7PJKY1R32A1","discover-research","Automatically discover research methodology skills when working with research methodology, literature review, systematic review, evidence synthesis, academic research, or experimental design. Activates for research tasks.","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Fdiscover-research\u002FSKILL.md",[144,147,148],{"categoryNo":145,"categoryName":146,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":117,"categoryName":118,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[33,150,151,152,153,154,155,36,46,48,156,157,158,159,160,38,161,162,163,164],"discover research","research","research methodology","academic research","evidence synthesis","design","review","literature","systematic","systematic review","evidence","literature review","with","format","methodology",{"skillNo":166,"name":167,"nameZh":6,"description":168,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":169,"categories":170,"keywords":177,"publishedAt":52},"01M71QXMBJKP1TYEA053G7R7V0","discover-engineering","Automatically discover software engineering practice skills when working with code review, documentation, pair programming, production debugging, performance profiling, deployment strategies, or software engineering practices. Activates for engineering development tasks.","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Fdiscover-engineering\u002FSKILL.md",[171,174],{"categoryNo":172,"categoryName":173,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":175,"categoryName":176,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000030","开发工程师",[33,178,179,180,47,38,181,51,182,183,184,185,36,186,46,48,187,156,188,162],"discover engineering","engineering","deployment strategies","deployment","code review","engineering practices","software engineering","debugging","performance profiling","programming","documentation",{"skillNo":190,"name":191,"nameZh":6,"description":192,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":87,"licenseFileUrl":193,"sourceHtmlUrl":194,"categories":195,"keywords":197,"publishedAt":52},"01M71QX1VZQ2N33FV7HSYKNHKH","algorithmic-art","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Falgorithmic-art\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002Fskills\u002Falgorithmic-art\u002FSKILL.md",[196],{"categoryNo":145,"categoryName":146,"taxonomyType":21,"taxonomyTypeDesc":22},[198,199,200,201,202,203,204,205,36,206,46,207,208,162,99,209,210,211,212,213],"Art","algorithmic art","algorithmic","copyright","exploration","generative","use","Existing","generative art","interactive","users","work","request","systems","flow","fields",{"skillNo":215,"name":85,"nameZh":6,"description":86,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":87,"licenseFileUrl":216,"sourceHtmlUrl":217,"categories":218,"keywords":220,"publishedAt":52},"01M71QW43NQ0VEKZC639KYZ4ZP","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002F.github\u002Fskills\u002Fskill-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FPatkik\u002FBarcelon_store\u002Fblob\u002Fmaster\u002F.github\u002Fskills\u002Fskill-creator\u002FSKILL.md",[219],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[93,94,51,95,96,97,36,98,99,100,101,102,103,104,105,106,107,108,38,109]]