[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6XG58FKHRTPPNHVCXJP7CW7":3,"skill-same:01M6XG58FKHRTPPNHVCXJP7CW7":76},{"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":29,"publishedAt":49,"linkOnly":50,"markdownContent":51,"markdownBody":52,"frontMatter":53,"refName":56,"commitSha":57,"skillDirectory":58,"forksCount":14,"repositoryHtmlUrl":59,"repositoryHomepageUrl":6,"ownerHtmlUrl":60,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":61,"install":62,"resources":75},"01M6XG58FKHRTPPNHVCXJP7CW7","development",null,"Comprehensive web, mobile, and backend development workflow bundling frontend, backend, full-stack, and mobile development skills for end-to-end application delivery.","sapsapshen\u002Fai-memory-router","sapsapshen","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F20347959?v=4","01M6XDQEF1DP50DKF37H81J3J5","shenmian","01M6XDQEJPE41Y3DT2763X8ZJN",0,"MIT","https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router\u002Fblob\u002Fmain\u002Fskills-store\u002Fcopilot\u002Fdevelopment\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[5,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"development workflow","2026","for","bundling","bundle","end","full","application","delivery","mobile","frontend","mobile development","backend development","backend","stack","web","workflow","safe","personal","2026-11-10 10:12:30",false,"---\nname: development\ndescription: \"Comprehensive web, mobile, and backend development workflow bundling frontend, backend, full-stack, and mobile development skills for end-to-end application delivery.\"\ncategory: workflow-bundle\nrisk: safe\nsource: personal\ndate_added: \"2026-02-27\"\n---\n\n# Development Workflow Bundle\n\n## Overview\n\nConsolidated workflow for end-to-end software development covering web, mobile, and backend development. This bundle orchestrates skills for building production-ready applications from scaffolding to deployment.\n\n## When to Use This Workflow\n\nUse this workflow when:\n- Building new web or mobile applications\n- Adding features to existing applications\n- Refactoring or modernizing legacy code\n- Setting up new projects with best practices\n- Full-stack feature development\n- Cross-platform application development\n\n## Workflow Phases\n\n### Phase 1: Project Setup and Scaffolding\n\n#### Skills to Invoke\n- `app-builder` - Main application building orchestrator\n- `senior-fullstack` - Full-stack development guidance\n- `environment-setup-guide` - Development environment setup\n- `concise-planning` - Task planning and breakdown\n\n#### Actions\n1. Determine project type (web, mobile, full-stack)\n2. Select technology stack\n3. Scaffold project structure\n4. Configure development environment\n5. Set up version control and CI\u002FCD\n\n#### Copy-Paste Prompts\n```\nUse @app-builder to scaffold a new React + Node.js full-stack application\n```\n\n```\nUse @senior-fullstack to set up a Next.js 14 project with App Router\n```\n\n```\nUse @environment-setup-guide to configure my development environment\n```\n\n### Phase 2: Frontend Development\n\n#### Skills to Invoke\n- `frontend-developer` - React\u002FNext.js component development\n- `frontend-design` - UI\u002FUX design implementation\n- `react-patterns` - Modern React patterns\n- `typescript-pro` - TypeScript best practices\n- `tailwind-patterns` - Tailwind CSS styling\n- `nextjs-app-router-patterns` - Next.js 14+ patterns\n\n#### Actions\n1. Design component architecture\n2. Implement UI components\n3. Set up state management\n4. Configure routing\n5. Apply styling and theming\n6. Implement responsive design\n\n#### Copy-Paste Prompts\n```\nUse @frontend-developer to create a dashboard component with React and TypeScript\n```\n\n```\nUse @react-patterns to implement proper state management with Zustand\n```\n\n```\nUse @tailwind-patterns to style components with a consistent design system\n```\n\n### Phase 3: Backend Development\n\n#### Skills to Invoke\n- `backend-architect` - Backend architecture design\n- `backend-dev-guidelines` - Backend development standards\n- `nodejs-backend-patterns` - Node.js\u002FExpress patterns\n- `fastapi-pro` - FastAPI development\n- `api-design-principles` - REST\u002FGraphQL API design\n- `auth-implementation-patterns` - Authentication implementation\n\n#### Actions\n1. Design API architecture\n2. Implement REST\u002FGraphQL endpoints\n3. Set up database connections\n4. Implement authentication\u002Fauthorization\n5. Configure middleware\n6. Set up error handling\n\n#### Copy-Paste Prompts\n```\nUse @backend-architect to design a microservices architecture for my application\n```\n\n```\nUse @nodejs-backend-patterns to create Express.js API endpoints\n```\n\n```\nUse @auth-implementation-patterns to implement JWT authentication\n```\n\n### Phase 4: Database Development\n\n#### Skills to Invoke\n- `database-architect` - Database design\n- `database-design` - Schema design principles\n- `prisma-expert` - Prisma ORM\n- `postgresql` - PostgreSQL optimization\n- `neon-postgres` - Serverless Postgres\n\n#### Actions\n1. Design database schema\n2. Create migrations\n3. Set up ORM\n4. Optimize queries\n5. Configure connection pooling\n\n#### Copy-Paste Prompts\n```\nUse @database-architect to design a normalized schema for an e-commerce platform\n```\n\n```\nUse @prisma-expert to set up Prisma ORM with TypeScript\n```\n\n### Phase 5: Testing\n\n#### Skills to Invoke\n- `test-driven-development` - TDD workflow\n- `javascript-testing-patterns` - Jest\u002FVitest testing\n- `python-testing-patterns` - pytest testing\n- `e2e-testing-patterns` - Playwright\u002FCypress E2E\n- `playwright-skill` - Browser automation testing\n\n#### Actions\n1. Write unit tests\n2. Create integration tests\n3. Set up E2E tests\n4. Configure CI test runners\n5. Achieve coverage targets\n\n#### Copy-Paste Prompts\n```\nUse @test-driven-development to implement features with TDD\n```\n\n```\nUse @playwright-skill to create E2E tests for critical user flows\n```\n\n### Phase 6: Code Quality and Review\n\n#### Skills to Invoke\n- `code-reviewer` - AI-powered code review\n- `clean-code` - Clean code principles\n- `lint-and-validate` - Linting and validation\n- `security-scanning-security-sast` - Static security analysis\n\n#### Actions\n1. Run linters and formatters\n2. Perform code review\n3. Fix code quality issues\n4. Run security scans\n5. Address vulnerabilities\n\n#### Copy-Paste Prompts\n```\nUse @code-reviewer to review my pull request\n```\n\n```\nUse @lint-and-validate to check code quality\n```\n\n### Phase 7: Build and Deployment\n\n#### Skills to Invoke\n- `deployment-engineer` - Deployment orchestration\n- `docker-expert` - Containerization\n- `vercel-deployment` - Vercel deployment\n- `github-actions-templates` - CI\u002FCD workflows\n- `cicd-automation-workflow-automate` - CI\u002FCD automation\n\n#### Actions\n1. Create Dockerfiles\n2. Configure build pipelines\n3. Set up deployment workflows\n4. Configure environment variables\n5. Deploy to production\n\n#### Copy-Paste Prompts\n```\nUse @docker-expert to containerize my application\n```\n\n```\nUse @vercel-deployment to deploy my Next.js app to production\n```\n\n```\nUse @github-actions-templates to set up CI\u002FCD pipeline\n```\n\n## Technology-Specific Workflows\n\n### React\u002FNext.js Development\n```\nSkills: frontend-developer, react-patterns, nextjs-app-router-patterns, typescript-pro, tailwind-patterns\n```\n\n### Python\u002FFastAPI Development\n```\nSkills: fastapi-pro, python-pro, python-patterns, pydantic-models-py\n```\n\n### Node.js\u002FExpress Development\n```\nSkills: nodejs-backend-patterns, javascript-pro, typescript-pro, express (via nodejs-backend-patterns)\n```\n\n### Full-Stack Development\n```\nSkills: senior-fullstack, app-builder, frontend-developer, backend-architect, database-architect\n```\n\n### Mobile Development\n```\nSkills: mobile-developer, react-native-architecture, flutter-expert, ios-developer\n```\n\n## Quality Gates\n\nBefore moving to next phase, verify:\n- [ ] All tests passing\n- [ ] Code review completed\n- [ ] Security scan passed\n- [ ] Linting\u002Fformatting clean\n- [ ] Documentation updated\n\n## Related Workflow Bundles\n\n- `wordpress` - WordPress-specific development\n- `security-audit` - Security testing workflow\n- `testing-qa` - Comprehensive testing workflow\n- `documentation` - Documentation generation workflow\n","# Development Workflow Bundle\n\n## Overview\n\nConsolidated workflow for end-to-end software development covering web, mobile, and backend development. This bundle orchestrates skills for building production-ready applications from scaffolding to deployment.\n\n## When to Use This Workflow\n\nUse this workflow when:\n- Building new web or mobile applications\n- Adding features to existing applications\n- Refactoring or modernizing legacy code\n- Setting up new projects with best practices\n- Full-stack feature development\n- Cross-platform application development\n\n## Workflow Phases\n\n### Phase 1: Project Setup and Scaffolding\n\n#### Skills to Invoke\n- `app-builder` - Main application building orchestrator\n- `senior-fullstack` - Full-stack development guidance\n- `environment-setup-guide` - Development environment setup\n- `concise-planning` - Task planning and breakdown\n\n#### Actions\n1. Determine project type (web, mobile, full-stack)\n2. Select technology stack\n3. Scaffold project structure\n4. Configure development environment\n5. Set up version control and CI\u002FCD\n\n#### Copy-Paste Prompts\n```\nUse @app-builder to scaffold a new React + Node.js full-stack application\n```\n\n```\nUse @senior-fullstack to set up a Next.js 14 project with App Router\n```\n\n```\nUse @environment-setup-guide to configure my development environment\n```\n\n### Phase 2: Frontend Development\n\n#### Skills to Invoke\n- `frontend-developer` - React\u002FNext.js component development\n- `frontend-design` - UI\u002FUX design implementation\n- `react-patterns` - Modern React patterns\n- `typescript-pro` - TypeScript best practices\n- `tailwind-patterns` - Tailwind CSS styling\n- `nextjs-app-router-patterns` - Next.js 14+ patterns\n\n#### Actions\n1. Design component architecture\n2. Implement UI components\n3. Set up state management\n4. Configure routing\n5. Apply styling and theming\n6. Implement responsive design\n\n#### Copy-Paste Prompts\n```\nUse @frontend-developer to create a dashboard component with React and TypeScript\n```\n\n```\nUse @react-patterns to implement proper state management with Zustand\n```\n\n```\nUse @tailwind-patterns to style components with a consistent design system\n```\n\n### Phase 3: Backend Development\n\n#### Skills to Invoke\n- `backend-architect` - Backend architecture design\n- `backend-dev-guidelines` - Backend development standards\n- `nodejs-backend-patterns` - Node.js\u002FExpress patterns\n- `fastapi-pro` - FastAPI development\n- `api-design-principles` - REST\u002FGraphQL API design\n- `auth-implementation-patterns` - Authentication implementation\n\n#### Actions\n1. Design API architecture\n2. Implement REST\u002FGraphQL endpoints\n3. Set up database connections\n4. Implement authentication\u002Fauthorization\n5. Configure middleware\n6. Set up error handling\n\n#### Copy-Paste Prompts\n```\nUse @backend-architect to design a microservices architecture for my application\n```\n\n```\nUse @nodejs-backend-patterns to create Express.js API endpoints\n```\n\n```\nUse @auth-implementation-patterns to implement JWT authentication\n```\n\n### Phase 4: Database Development\n\n#### Skills to Invoke\n- `database-architect` - Database design\n- `database-design` - Schema design principles\n- `prisma-expert` - Prisma ORM\n- `postgresql` - PostgreSQL optimization\n- `neon-postgres` - Serverless Postgres\n\n#### Actions\n1. Design database schema\n2. Create migrations\n3. Set up ORM\n4. Optimize queries\n5. Configure connection pooling\n\n#### Copy-Paste Prompts\n```\nUse @database-architect to design a normalized schema for an e-commerce platform\n```\n\n```\nUse @prisma-expert to set up Prisma ORM with TypeScript\n```\n\n### Phase 5: Testing\n\n#### Skills to Invoke\n- `test-driven-development` - TDD workflow\n- `javascript-testing-patterns` - Jest\u002FVitest testing\n- `python-testing-patterns` - pytest testing\n- `e2e-testing-patterns` - Playwright\u002FCypress E2E\n- `playwright-skill` - Browser automation testing\n\n#### Actions\n1. Write unit tests\n2. Create integration tests\n3. Set up E2E tests\n4. Configure CI test runners\n5. Achieve coverage targets\n\n#### Copy-Paste Prompts\n```\nUse @test-driven-development to implement features with TDD\n```\n\n```\nUse @playwright-skill to create E2E tests for critical user flows\n```\n\n### Phase 6: Code Quality and Review\n\n#### Skills to Invoke\n- `code-reviewer` - AI-powered code review\n- `clean-code` - Clean code principles\n- `lint-and-validate` - Linting and validation\n- `security-scanning-security-sast` - Static security analysis\n\n#### Actions\n1. Run linters and formatters\n2. Perform code review\n3. Fix code quality issues\n4. Run security scans\n5. Address vulnerabilities\n\n#### Copy-Paste Prompts\n```\nUse @code-reviewer to review my pull request\n```\n\n```\nUse @lint-and-validate to check code quality\n```\n\n### Phase 7: Build and Deployment\n\n#### Skills to Invoke\n- `deployment-engineer` - Deployment orchestration\n- `docker-expert` - Containerization\n- `vercel-deployment` - Vercel deployment\n- `github-actions-templates` - CI\u002FCD workflows\n- `cicd-automation-workflow-automate` - CI\u002FCD automation\n\n#### Actions\n1. Create Dockerfiles\n2. Configure build pipelines\n3. Set up deployment workflows\n4. Configure environment variables\n5. Deploy to production\n\n#### Copy-Paste Prompts\n```\nUse @docker-expert to containerize my application\n```\n\n```\nUse @vercel-deployment to deploy my Next.js app to production\n```\n\n```\nUse @github-actions-templates to set up CI\u002FCD pipeline\n```\n\n## Technology-Specific Workflows\n\n### React\u002FNext.js Development\n```\nSkills: frontend-developer, react-patterns, nextjs-app-router-patterns, typescript-pro, tailwind-patterns\n```\n\n### Python\u002FFastAPI Development\n```\nSkills: fastapi-pro, python-pro, python-patterns, pydantic-models-py\n```\n\n### Node.js\u002FExpress Development\n```\nSkills: nodejs-backend-patterns, javascript-pro, typescript-pro, express (via nodejs-backend-patterns)\n```\n\n### Full-Stack Development\n```\nSkills: senior-fullstack, app-builder, frontend-developer, backend-architect, database-architect\n```\n\n### Mobile Development\n```\nSkills: mobile-developer, react-native-architecture, flutter-expert, ios-developer\n```\n\n## Quality Gates\n\nBefore moving to next phase, verify:\n- [ ] All tests passing\n- [ ] Code review completed\n- [ ] Security scan passed\n- [ ] Linting\u002Fformatting clean\n- [ ] Documentation updated\n\n## Related Workflow Bundles\n\n- `wordpress` - WordPress-specific development\n- `security-audit` - Security testing workflow\n- `testing-qa` - Comprehensive testing workflow\n- `documentation` - Documentation generation workflow\n",{"name":5,"risk":47,"source":48,"category":54,"date_added":55,"description":7},"workflow-bundle","2026-02-27","main","7a38d8e7073e61c16eda85681cb32fb68a8657a5","skills-store\u002Fcopilot\u002Fdevelopment","https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router","https:\u002F\u002Fgithub.com\u002Fsapsapshen","2026-04-14 21:12:12",{"source":8,"skillName":5,"commands":63,"prompt":73,"zipAvailable":74},[64,67,70],{"tool":65,"command":66},"npx","npx skills add sapsapshen\u002Fai-memory-router --skill development",{"tool":68,"command":69},"bunx","bunx skills add sapsapshen\u002Fai-memory-router --skill development",{"tool":71,"command":72},"pnpm","pnpm dlx skills add sapsapshen\u002Fai-memory-router --skill development","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router\u002Fblob\u002Fmain\u002Fskills-store\u002Fcopilot\u002Fdevelopment\u002FSKILL.md",true,[],[77,100,126,136,149,166],{"skillNo":78,"name":79,"nameZh":6,"description":80,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":81,"categories":82,"keywords":88,"publishedAt":49},"01M71ATQRKG48SH06FQ697T5G9","wechat-search","Search WeChat Official Account articles using OpenClaw's web search and fetch capabilities with compliance-focused design.","https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router\u002Fblob\u002Fmain\u002Fskills-store\u002Fopenclaw\u002Fwechat-search-release\u002FSKILL.md",[83],{"categoryNo":84,"categoryName":85,"taxonomyType":86,"taxonomyTypeDesc":87},"01JBSEEDCAT000000000000037","律师与法务","PROFESSION","适用职业",[89,90,91,92,93,94,95,96,45,97,98,99],"wechat search","wechat","search","capabilities","openclaw","design","web search","compliance","official","fetch","with",{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":106,"publishedAt":49},"01M71ATNAVGZB35PFYM2GC5N00","trend-tap","Real-time trending topics aggregator across 7 platforms (X\u002FTwitter, Reddit, Google Trends, Hacker News, Zhihu, Bilibili, Weibo). Trigger: when user says 'trend', 'trends', 'trend tap', '热点', '热搜', or asks what is trending\u002Fhot. Do NOT use web_search — this skill already fetches live data from all platforms with zero API keys.","https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router\u002Fblob\u002Fmain\u002Fskills-store\u002Fopenclaw\u002Ftrend-tap\u002FSKILL.md",[],[107,108,109,110,111,112,91,113,114,115,116,117,118,119,120,121,122,123,124,125],"trend","trend tap","tap","api keys","Bash","time","trending","hacker","aggregator","do","when","brew","live","data","google","install","read","across","api",{"skillNo":127,"name":128,"nameZh":6,"description":129,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":132,"publishedAt":49},"01M71ATJ9AM5KM15AA8PS302EB","trend-radar","Real-time trending topics aggregator across 7 platforms (X\u002FTwitter, Reddit, Google Trends, Hacker News, Zhihu, Bilibili, Weibo). Trigger: when user says 'trend', 'trends', 'trend pulse', '热点', '热搜', or asks what is trending\u002Fhot. Do NOT use web_search — this skill already fetches live data from all platforms with zero API keys.","https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router\u002Fblob\u002Fmain\u002Fskills-store\u002Fopenclaw\u002Ftrend-radar\u002FSKILL.md",[],[133,134,107,118,119,120,121,111,91,123,135,124,125,117,115,114,113,122,112,110],"trend radar","radar","pulse",{"skillNo":137,"name":138,"nameZh":6,"description":139,"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":49},"01M71ATGF095N3EJM9G8SD0BB5","tech-news-daily","每日科技新闻汇——从全球多个 RSS 源抓取最新科技新闻，翻译（英→中）、去重、排版成每日简报。当用户询问科技新闻、科技新鲜事、每日科技、技术动态、Daily Tech News 或类似表达时触发此技能。","https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router\u002Fblob\u002Fmain\u002Fskills-store\u002Fopenclaw\u002Ftech-news-daily\u002FSKILL.md",[],[143,144,145,146,147,148],"news","tech","tech news daily","daily","rss","翻译",{"skillNo":150,"name":151,"nameZh":6,"description":152,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":153,"categories":154,"keywords":158,"publishedAt":49},"01M71ATFAEAMQ17M70NQNY7SR8","summarize","Summarize URLs or files with the summarize CLI (web, PDFs, images, audio, YouTube).","https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router\u002Fblob\u002Fmain\u002Fskills-store\u002Fopenclaw\u002Fsummarize\u002FSKILL.md",[155],{"categoryNo":156,"categoryName":157,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",[151,45,159,160,161,99,118,162,163,164,109,165,122],"Audio","cli","youtube","images","https","files","pdfs",{"skillNo":167,"name":168,"nameZh":6,"description":169,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":170,"categories":171,"keywords":172,"publishedAt":49},"01M71ATDNS3R0M4H936PACQAWZ","sonoscli","Control Sonos speakers (discover\u002Fstatus\u002Fplay\u002Fvolume\u002Fgroup).","https:\u002F\u002Fgithub.com\u002Fsapsapshen\u002Fai-memory-router\u002Fblob\u002Fmain\u002Fskills-store\u002Fopenclaw\u002Fsonoscli\u002FSKILL.md",[],[168,173,174,175,122,176,163,177,178,179,180,181],"status","play","go","latest","github","discover","control","cmd","volume"]