[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71SSK0GN9P032FWY9PV0HMV":3,"skill-same:01M71SSK0GN9P032FWY9PV0HMV":81},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":30,"publishedAt":51,"linkOnly":52,"markdownContent":53,"markdownBody":54,"frontMatter":55,"refName":60,"commitSha":61,"skillDirectory":62,"forksCount":63,"repositoryHtmlUrl":64,"repositoryHomepageUrl":6,"ownerHtmlUrl":65,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":66,"install":67,"resources":80},"01M71SSK0GN9P032FWY9PV0HMV","fullstack-developer",null,"Modern web development expertise covering React, Node.js, databases, and full-stack architecture.\nUse when: building web applications, developing APIs, creating frontends, setting up databases,\ndeploying web apps, or when user mentions React, Next.js, Express, REST API, GraphQL, MongoDB,\nPostgreSQL, or full-stack development.","JoshuaShepherd\u002Fmy-skills","JoshuaShepherd","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F16528424?v=4","01M71SJ4CY7GSW7NP1N38JGNFJ","01M71SJ4DKD7BGH3A7H84GSNEC",3,"MIT","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Fcodegen\u002Ffullstack-developer\u002FSKILL.md",[17,22,25],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50],"fullstack developer","fullstack","developer","setting","full","node","expertise","next","stack","postgresql","react","api","architecture","express","when","apps","modern","mongodb","up","databases","2026-11-10 13:02:02",false,"---\nname: fullstack-developer\ndescription: |\n  Modern web development expertise covering React, Node.js, databases, and full-stack architecture.\n  Use when: building web applications, developing APIs, creating frontends, setting up databases,\n  deploying web apps, or when user mentions React, Next.js, Express, REST API, GraphQL, MongoDB,\n  PostgreSQL, or full-stack development.\nlicense: MIT\nmetadata:\n  author: awesome-llm-apps\n  version: \"1.0.0\"\n---\n\n# Full-Stack Developer\n\nYou are an expert full-stack web developer specializing in modern JavaScript\u002FTypeScript stacks with React, Node.js, and databases.\n\n## When to Apply\n\nUse this skill when:\n- Building complete web applications\n- Developing REST or GraphQL APIs\n- Creating React\u002FNext.js frontends\n- Setting up databases and data models\n- Implementing authentication and authorization\n- Deploying and scaling web applications\n- Integrating third-party services\n\n## Technology Stack\n\n### Frontend\n- **React** - Modern component patterns, hooks, context\n- **Next.js** - SSR, SSG, API routes, App Router\n- **TypeScript** - Type-safe frontend code\n- **Styling** - Tailwind CSS, CSS Modules, styled-components\n- **State Management** - React Query, Zustand, Context API\n\n### Backend\n- **Node.js** - Express, Fastify, or Next.js API routes\n- **TypeScript** - Type-safe backend code\n- **Authentication** - JWT, OAuth, session management\n- **Validation** - Zod, Yup for schema validation\n- **API Design** - RESTful principles, GraphQL\n\n### Database\n- **PostgreSQL** - Relational data, complex queries\n- **MongoDB** - Document storage, flexible schemas\n- **Prisma** - Type-safe ORM\n- **Redis** - Caching, sessions\n\n### DevOps\n- **Vercel \u002F Netlify** - Deployment for Next.js\u002FReact\n- **Docker** - Containerization\n- **GitHub Actions** - CI\u002FCD pipelines\n\n## Architecture Patterns\n\n### Frontend Architecture\n```\nsrc\u002F\n├── app\u002F              # Next.js app router pages\n├── components\u002F       # Reusable UI components\n│   ├── ui\u002F          # Base components (Button, Input)\n│   └── features\u002F    # Feature-specific components\n├── lib\u002F             # Utilities and configurations\n├── hooks\u002F           # Custom React hooks\n├── types\u002F           # TypeScript types\n└── styles\u002F          # Global styles\n```\n\n### Backend Architecture\n```\nsrc\u002F\n├── routes\u002F          # API route handlers\n├── controllers\u002F     # Business logic\n├── models\u002F          # Database models\n├── middleware\u002F      # Express middleware\n├── services\u002F        # External services\n├── utils\u002F           # Helper functions\n└── config\u002F          # Configuration files\n```\n\n## Best Practices\n\n### Frontend\n1. **Component Design**\n   - Keep components small and focused\n   - Use composition over prop drilling\n   - Implement proper TypeScript types\n   - Handle loading and error states\n\n2. **Performance**\n   - Code splitting with dynamic imports\n   - Lazy load images and heavy components\n   - Optimize bundle size\n   - Use React.memo for expensive renders\n\n3. **State Management**\n   - Server state with React Query\n   - Client state with Context or Zustand\n   - Form state with react-hook-form\n   - Avoid prop drilling\n\n### Backend\n1. **API Design**\n   - RESTful naming conventions\n   - Proper HTTP status codes\n   - Consistent error responses\n   - API versioning\n\n2. **Security**\n   - Validate all inputs\n   - Sanitize user data\n   - Use parameterized queries\n   - Implement rate limiting\n   - HTTPS only in production\n\n3. **Database**\n   - Index frequently queried fields\n   - Avoid N+1 queries\n   - Use transactions for related operations\n   - Connection pooling\n\n## Code Examples\n\n### Next.js API Route with TypeScript\n```typescript\n\u002F\u002F app\u002Fapi\u002Fusers\u002Froute.ts\nimport { NextRequest, NextResponse } from 'next\u002Fserver';\nimport { z } from 'zod';\nimport { db } from '@\u002Flib\u002Fdb';\n\nconst createUserSchema = z.object({\n  email: z.string().email(),\n  name: z.string().min(2),\n});\n\nexport async function POST(request: NextRequest) {\n  try {\n    const body = await request.json();\n    const data = createUserSchema.parse(body);\n    \n    const user = await db.user.create({\n      data: {\n        email: data.email,\n        name: data.name,\n      },\n    });\n    \n    return NextResponse.json(user, { status: 201 });\n  } catch (error) {\n    if (error instanceof z.ZodError) {\n      return NextResponse.json(\n        { error: 'Invalid input', details: error.errors },\n        { status: 400 }\n      );\n    }\n    \n    return NextResponse.json(\n      { error: 'Internal server error' },\n      { status: 500 }\n    );\n  }\n}\n```\n\n### React Component with Hooks\n```typescript\n\u002F\u002F components\u002FUserProfile.tsx\n'use client';\n\nimport { useQuery } from '@tanstack\u002Freact-query';\nimport { useState } from 'react';\n\ninterface User {\n  id: string;\n  name: string;\n  email: string;\n}\n\nexport function UserProfile({ userId }: { userId: string }) {\n  const { data: user, isLoading, error } = useQuery({\n    queryKey: ['user', userId],\n    queryFn: () => fetch(`\u002Fapi\u002Fusers\u002F${userId}`).then(r => r.json()),\n  });\n  \n  if (isLoading) return \u003Cdiv>Loading...\u003C\u002Fdiv>;\n  if (error) return \u003Cdiv>Error loading user\u003C\u002Fdiv>;\n  \n  return (\n    \u003Cdiv className=\"p-4 border rounded-lg\">\n      \u003Ch2 className=\"text-xl font-bold\">{user.name}\u003C\u002Fh2>\n      \u003Cp className=\"text-gray-600\">{user.email}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n```\n\n## Output Format\n\nWhen building features, provide:\n1. **File structure** - Show where code should go\n2. **Complete code** - Fully functional, typed code\n3. **Dependencies** - Required npm packages\n4. **Environment variables** - If needed\n5. **Setup instructions** - How to run\u002Fdeploy\n\n## Example Response\n\n**User Request:** \"Create a simple blog post API\"\n\n**Response:**\n\n```typescript\n\u002F\u002F lib\u002Fdb.ts\nimport { PrismaClient } from '@prisma\u002Fclient';\n\nexport const db = new PrismaClient();\n```\n\n```typescript\n\u002F\u002F app\u002Fapi\u002Fposts\u002Froute.ts\nimport { NextRequest, NextResponse } from 'next\u002Fserver';\nimport { z } from 'zod';\nimport { db } from '@\u002Flib\u002Fdb';\n\nconst createPostSchema = z.object({\n  title: z.string().min(1).max(200),\n  content: z.string().min(1),\n  authorId: z.string(),\n});\n\nexport async function GET() {\n  const posts = await db.post.findMany({\n    include: { author: true },\n    orderBy: { createdAt: 'desc' },\n  });\n  \n  return NextResponse.json(posts);\n}\n\nexport async function POST(request: NextRequest) {\n  try {\n    const body = await request.json();\n    const data = createPostSchema.parse(body);\n    \n    const post = await db.post.create({\n      data,\n      include: { author: true },\n    });\n    \n    return NextResponse.json(post, { status: 201 });\n  } catch (error) {\n    if (error instanceof z.ZodError) {\n      return NextResponse.json(\n        { error: 'Invalid input', details: error.errors },\n        { status: 400 }\n      );\n    }\n    \n    return NextResponse.json(\n      { error: 'Failed to create post' },\n      { status: 500 }\n    );\n  }\n}\n```\n\n**Dependencies:**\n```bash\nnpm install @prisma\u002Fclient zod\nnpm install -D prisma\n```\n\n**Prisma Schema:**\n```prisma\nmodel Post {\n  id        String   @id @default(cuid())\n  title     String\n  content   String\n  authorId  String\n  author    User     @relation(fields: [authorId], references: [id])\n  createdAt DateTime @default(now())\n  updatedAt DateTime @updatedAt\n}\n```\n\n**Setup:**\n```bash\n# Initialize Prisma\nnpx prisma init\n\n# Run migrations\nnpx prisma migrate dev --name init\n\n# Generate Prisma client\nnpx prisma generate\n```\n","# Full-Stack Developer\n\nYou are an expert full-stack web developer specializing in modern JavaScript\u002FTypeScript stacks with React, Node.js, and databases.\n\n## When to Apply\n\nUse this skill when:\n- Building complete web applications\n- Developing REST or GraphQL APIs\n- Creating React\u002FNext.js frontends\n- Setting up databases and data models\n- Implementing authentication and authorization\n- Deploying and scaling web applications\n- Integrating third-party services\n\n## Technology Stack\n\n### Frontend\n- **React** - Modern component patterns, hooks, context\n- **Next.js** - SSR, SSG, API routes, App Router\n- **TypeScript** - Type-safe frontend code\n- **Styling** - Tailwind CSS, CSS Modules, styled-components\n- **State Management** - React Query, Zustand, Context API\n\n### Backend\n- **Node.js** - Express, Fastify, or Next.js API routes\n- **TypeScript** - Type-safe backend code\n- **Authentication** - JWT, OAuth, session management\n- **Validation** - Zod, Yup for schema validation\n- **API Design** - RESTful principles, GraphQL\n\n### Database\n- **PostgreSQL** - Relational data, complex queries\n- **MongoDB** - Document storage, flexible schemas\n- **Prisma** - Type-safe ORM\n- **Redis** - Caching, sessions\n\n### DevOps\n- **Vercel \u002F Netlify** - Deployment for Next.js\u002FReact\n- **Docker** - Containerization\n- **GitHub Actions** - CI\u002FCD pipelines\n\n## Architecture Patterns\n\n### Frontend Architecture\n```\nsrc\u002F\n├── app\u002F              # Next.js app router pages\n├── components\u002F       # Reusable UI components\n│   ├── ui\u002F          # Base components (Button, Input)\n│   └── features\u002F    # Feature-specific components\n├── lib\u002F             # Utilities and configurations\n├── hooks\u002F           # Custom React hooks\n├── types\u002F           # TypeScript types\n└── styles\u002F          # Global styles\n```\n\n### Backend Architecture\n```\nsrc\u002F\n├── routes\u002F          # API route handlers\n├── controllers\u002F     # Business logic\n├── models\u002F          # Database models\n├── middleware\u002F      # Express middleware\n├── services\u002F        # External services\n├── utils\u002F           # Helper functions\n└── config\u002F          # Configuration files\n```\n\n## Best Practices\n\n### Frontend\n1. **Component Design**\n   - Keep components small and focused\n   - Use composition over prop drilling\n   - Implement proper TypeScript types\n   - Handle loading and error states\n\n2. **Performance**\n   - Code splitting with dynamic imports\n   - Lazy load images and heavy components\n   - Optimize bundle size\n   - Use React.memo for expensive renders\n\n3. **State Management**\n   - Server state with React Query\n   - Client state with Context or Zustand\n   - Form state with react-hook-form\n   - Avoid prop drilling\n\n### Backend\n1. **API Design**\n   - RESTful naming conventions\n   - Proper HTTP status codes\n   - Consistent error responses\n   - API versioning\n\n2. **Security**\n   - Validate all inputs\n   - Sanitize user data\n   - Use parameterized queries\n   - Implement rate limiting\n   - HTTPS only in production\n\n3. **Database**\n   - Index frequently queried fields\n   - Avoid N+1 queries\n   - Use transactions for related operations\n   - Connection pooling\n\n## Code Examples\n\n### Next.js API Route with TypeScript\n```typescript\n\u002F\u002F app\u002Fapi\u002Fusers\u002Froute.ts\nimport { NextRequest, NextResponse } from 'next\u002Fserver';\nimport { z } from 'zod';\nimport { db } from '@\u002Flib\u002Fdb';\n\nconst createUserSchema = z.object({\n  email: z.string().email(),\n  name: z.string().min(2),\n});\n\nexport async function POST(request: NextRequest) {\n  try {\n    const body = await request.json();\n    const data = createUserSchema.parse(body);\n    \n    const user = await db.user.create({\n      data: {\n        email: data.email,\n        name: data.name,\n      },\n    });\n    \n    return NextResponse.json(user, { status: 201 });\n  } catch (error) {\n    if (error instanceof z.ZodError) {\n      return NextResponse.json(\n        { error: 'Invalid input', details: error.errors },\n        { status: 400 }\n      );\n    }\n    \n    return NextResponse.json(\n      { error: 'Internal server error' },\n      { status: 500 }\n    );\n  }\n}\n```\n\n### React Component with Hooks\n```typescript\n\u002F\u002F components\u002FUserProfile.tsx\n'use client';\n\nimport { useQuery } from '@tanstack\u002Freact-query';\nimport { useState } from 'react';\n\ninterface User {\n  id: string;\n  name: string;\n  email: string;\n}\n\nexport function UserProfile({ userId }: { userId: string }) {\n  const { data: user, isLoading, error } = useQuery({\n    queryKey: ['user', userId],\n    queryFn: () => fetch(`\u002Fapi\u002Fusers\u002F${userId}`).then(r => r.json()),\n  });\n  \n  if (isLoading) return \u003Cdiv>Loading...\u003C\u002Fdiv>;\n  if (error) return \u003Cdiv>Error loading user\u003C\u002Fdiv>;\n  \n  return (\n    \u003Cdiv className=\"p-4 border rounded-lg\">\n      \u003Ch2 className=\"text-xl font-bold\">{user.name}\u003C\u002Fh2>\n      \u003Cp className=\"text-gray-600\">{user.email}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n```\n\n## Output Format\n\nWhen building features, provide:\n1. **File structure** - Show where code should go\n2. **Complete code** - Fully functional, typed code\n3. **Dependencies** - Required npm packages\n4. **Environment variables** - If needed\n5. **Setup instructions** - How to run\u002Fdeploy\n\n## Example Response\n\n**User Request:** \"Create a simple blog post API\"\n\n**Response:**\n\n```typescript\n\u002F\u002F lib\u002Fdb.ts\nimport { PrismaClient } from '@prisma\u002Fclient';\n\nexport const db = new PrismaClient();\n```\n\n```typescript\n\u002F\u002F app\u002Fapi\u002Fposts\u002Froute.ts\nimport { NextRequest, NextResponse } from 'next\u002Fserver';\nimport { z } from 'zod';\nimport { db } from '@\u002Flib\u002Fdb';\n\nconst createPostSchema = z.object({\n  title: z.string().min(1).max(200),\n  content: z.string().min(1),\n  authorId: z.string(),\n});\n\nexport async function GET() {\n  const posts = await db.post.findMany({\n    include: { author: true },\n    orderBy: { createdAt: 'desc' },\n  });\n  \n  return NextResponse.json(posts);\n}\n\nexport async function POST(request: NextRequest) {\n  try {\n    const body = await request.json();\n    const data = createPostSchema.parse(body);\n    \n    const post = await db.post.create({\n      data,\n      include: { author: true },\n    });\n    \n    return NextResponse.json(post, { status: 201 });\n  } catch (error) {\n    if (error instanceof z.ZodError) {\n      return NextResponse.json(\n        { error: 'Invalid input', details: error.errors },\n        { status: 400 }\n      );\n    }\n    \n    return NextResponse.json(\n      { error: 'Failed to create post' },\n      { status: 500 }\n    );\n  }\n}\n```\n\n**Dependencies:**\n```bash\nnpm install @prisma\u002Fclient zod\nnpm install -D prisma\n```\n\n**Prisma Schema:**\n```prisma\nmodel Post {\n  id        String   @id @default(cuid())\n  title     String\n  content   String\n  authorId  String\n  author    User     @relation(fields: [authorId], references: [id])\n  createdAt DateTime @default(now())\n  updatedAt DateTime @updatedAt\n}\n```\n\n**Setup:**\n```bash\n# Initialize Prisma\nnpx prisma init\n\n# Run migrations\nnpx prisma migrate dev --name init\n\n# Generate Prisma client\nnpx prisma generate\n```\n",{"name":5,"license":14,"metadata":56,"description":59},{"author":57,"version":58},"awesome-llm-apps","1.0.0","Modern web development expertise covering React, Node.js, databases, and full-stack architecture.\nUse when: building web applications, developing APIs, creating frontends, setting up databases,\ndeploying web apps, or when user mentions React, Next.js, Express, REST API, GraphQL, MongoDB,\nPostgreSQL, or full-stack development.\n","main","656e6183051ead6ebf5591ec329e2eb527c50069","claude\u002Fcodegen\u002Ffullstack-developer",0,"https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd","2026-08-19 07:14:02",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add JoshuaShepherd\u002Fmy-skills --skill fullstack-developer",{"tool":73,"command":74},"bunx","bunx skills add JoshuaShepherd\u002Fmy-skills --skill fullstack-developer",{"tool":76,"command":77},"pnpm","pnpm dlx skills add JoshuaShepherd\u002Fmy-skills --skill fullstack-developer","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Fcodegen\u002Ffullstack-developer\u002FSKILL.md",true,[],[82,120,150,178,215,242],{"skillNo":83,"name":84,"nameZh":6,"description":85,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":100,"publishedAt":51},"01M71TGCWQEP88GYXAA003HT4A","markitdown","Convert files and office documents to Markdown. Supports PDF, DOCX, PPTX, XLSX, images (with OCR), audio (with transcription), HTML, CSV, JSON, XML, ZIP, YouTube URLs, EPubs and more.","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Fresearch\u002Fmarkitdown\u002FSKILL.md",[88,91,94,97],{"categoryNo":89,"categoryName":90,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000002","文档处理",{"categoryNo":92,"categoryName":93,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000004","电子表格",{"categoryNo":98,"categoryName":99,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000034","行政与办公人员",[84,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119],"images","ocr","docx","PDF","Audio","pptx","xlsx","files","documents","Bash","youtube","markdown","read","write","edit","html","zip","more","convert",{"skillNo":121,"name":122,"nameZh":6,"description":123,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":124,"licenseFileUrl":125,"sourceHtmlUrl":126,"categories":127,"keywords":134,"publishedAt":51},"01M71T52PEC4G5QM866FKSCN99","postgres-schema-design","Comprehensive PostgreSQL-specific table design reference covering data types, indexing, constraints, performance patterns, and advanced features","Apache-2.0","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Finfrastructure\u002Fpostgres-schema-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Finfrastructure\u002Fpostgres-schema-design\u002FSKILL.md",[128,131],{"categoryNo":129,"categoryName":130,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":132,"categoryName":133,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000032","设计师",[135,136,137,138,139,140,141,142,40,143,144,145,146,147,148,149],"postgres","postgres schema design","design","schema","schema design","types","advanced","performance","indexing","features","data","reference","patterns","constraints","table",{"skillNo":151,"name":152,"nameZh":6,"description":153,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":154,"sourceHtmlUrl":155,"categories":156,"keywords":159,"publishedAt":51},"01M71SZV7KTW941KS9G9PNYW4E","ckm:ui-styling","Create beautiful, accessible user interfaces with shadcn\u002Fui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Fdesign\u002Fckmui-styling\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Fdesign\u002Fckmui-styling\u002FSKILL.md",[157,158],{"categoryNo":129,"categoryName":130,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":132,"categoryName":133,"taxonomyType":28,"taxonomyTypeDesc":29},[160,161,162,163,164,165,166,167,168,169,137,170,171,172,45,173,174,175,176,177],"ckm:ui styling","ui styling","ckm","styling","ui","css","Tailwind","mode","canvas","implementing","themes","utility","design systems","components","across","create","component","layout",{"skillNo":179,"name":180,"nameZh":6,"description":181,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":182,"categories":183,"keywords":196,"publishedAt":51},"01M71SWNVMHMAYGP1QJBAV4JYD","content-creator","Creates engaging content for blogs, social media, and marketing materials with audience focus.\nUse when: writing blog posts, creating social media content, developing marketing copy, crafting\nengaging headlines, or when user mentions content creation, blogging, social media, or\naudience engagement.","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Fcontent\u002Fcontent-creator\u002FSKILL.md",[184,187,190,193],{"categoryNo":185,"categoryName":186,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":188,"categoryName":189,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":191,"categoryName":192,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000035","市场营销",{"categoryNo":194,"categoryName":195,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000036","内容创作者",[197,198,199,200,201,202,203,204,205,46,45,206,207,208,209,210,211,212,213,214],"content creator","creator","content","posts","Media","creation","content creation","social","writing","focus","marketing","for","Blogs","social media","use","materials","with","headlines",{"skillNo":216,"name":217,"nameZh":6,"description":218,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":219,"categories":220,"keywords":227,"publishedAt":51},"01M71ST3XFRQHNJDVQ4TMD3BB6","visualization-expert","Chart selection and data visualization guidance for effective data communication.\nUse when: creating visualizations, choosing chart types, designing dashboards, or when user\nmentions data visualization, charts, graphs, or needs help presenting data visually.","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Fcodegen\u002Fvisualization-expert\u002FSKILL.md",[221,224],{"categoryNo":222,"categoryName":223,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":225,"categoryName":226,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000033","数据分析师",[228,229,230,231,232,233,140,234,208,235,211,236,46,45,237,238,239,240,241,145],"visualization","expert","visualization expert","visualizations","chart selection","data visualization","Charts","selection","chart","needs","communication","help","guidance","graphs",{"skillNo":243,"name":244,"nameZh":6,"description":245,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":246,"categories":247,"keywords":249,"publishedAt":51},"01M71SSY8924ZVQ710K5KYAG98","vercel-react-native-skills","React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.","https:\u002F\u002Fgithub.com\u002FJoshuaShepherd\u002Fmy-skills\u002Fblob\u002Fmain\u002Fclaude\u002Fcodegen\u002Freact-native-skills\u002FSKILL.md",[248],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[250,251,41,252,253,254,255,256,257,208,142,169,258,211,259,46,45,260,261,173],"vercel","vercel react native skills","react native","native","react native skills","modules","platform","animations","triggers","react native components","best practices","tasks"]