{"id":"3e0994db-4f59-449c-a83a-e4294d685272","shortId":"fC9mME","kind":"skill","title":"Breakdown Feature Implementation","tagline":"Awesome Copilot skill by Github","description":"# Feature Implementation Plan Prompt\n\n## Goal\n\nAct as an industry-veteran software engineer responsible for crafting high-touch features for large-scale SaaS companies. Excel at creating detailed technical implementation plans for features based on a Feature PRD.\nReview the provided context and output a thorough, comprehensive implementation plan.\n**Note:** Do NOT write code in output unless it's pseudocode for technical situations.\n\n## Output Format\n\nThe output should be a complete implementation plan in Markdown format, saved to `/docs/ways-of-work/plan/{epic-name}/{feature-name}/implementation-plan.md`.\n\n### File System\n\nFolder and file structure for both front-end and back-end repositories following Epoch's monorepo structure:\n\n```\napps/\n  [app-name]/\nservices/\n  [service-name]/\npackages/\n  [package-name]/\n```\n\n### Implementation Plan\n\nFor each feature:\n\n#### Goal\n\nFeature goal described (3-5 sentences)\n\n#### Requirements\n\n- Detailed feature requirements (bulleted list)\n- Implementation plan specifics\n\n#### Technical Considerations\n\n##### System Architecture Overview\n\nCreate a comprehensive system architecture diagram using Mermaid that shows how this feature integrates into the overall system. The diagram should include:\n\n- **Frontend Layer**: User interface components, state management, and client-side logic\n- **API Layer**: tRPC endpoints, authentication middleware, input validation, and request routing\n- **Business Logic Layer**: Service classes, business rules, workflow orchestration, and event handling\n- **Data Layer**: Database interactions, caching mechanisms, and external API integrations\n- **Infrastructure Layer**: Docker containers, background services, and deployment components\n\nUse subgraphs to organize these layers clearly. Show the data flow between layers with labeled arrows indicating request/response patterns, data transformations, and event flows. Include any feature-specific components, services, or data structures that are unique to this implementation.\n\n- **Technology Stack Selection**: Document choice rationale for each layer\n```\n\n- **Technology Stack Selection**: Document choice rationale for each layer\n- **Integration Points**: Define clear boundaries and communication protocols\n- **Deployment Architecture**: Docker containerization strategy\n- **Scalability Considerations**: Horizontal and vertical scaling approaches\n\n##### Database Schema Design\n\nCreate an entity-relationship diagram using Mermaid showing the feature's data model:\n\n- **Table Specifications**: Detailed field definitions with types and constraints\n- **Indexing Strategy**: Performance-critical indexes and their rationale\n- **Foreign Key Relationships**: Data integrity and referential constraints\n- **Database Migration Strategy**: Version control and deployment approach\n\n##### API Design\n\n- Endpoints with full specifications\n- Request/response formats with TypeScript types\n- Authentication and authorization with Stack Auth\n- Error handling strategies and status codes\n- Rate limiting and caching strategies\n\n##### Frontend Architecture\n\n###### Component Hierarchy Documentation\n\nThe component structure will leverage the `shadcn/ui` library for a consistent and accessible foundation.\n\n**Layout Structure:**\n\n```\nRecipe Library Page\n├── Header Section (shadcn: Card)\n│   ├── Title (shadcn: Typography `h1`)\n│   ├── Add Recipe Button (shadcn: Button with DropdownMenu)\n│   │   ├── Manual Entry (DropdownMenuItem)\n│   │   ├── Import from URL (DropdownMenuItem)\n│   │   └── Import from PDF (DropdownMenuItem)\n│   └── Search Input (shadcn: Input with icon)\n├── Main Content Area (flex container)\n│   ├── Filter Sidebar (aside)\n│   │   ├── Filter Title (shadcn: Typography `h4`)\n│   │   ├── Category Filters (shadcn: Checkbox group)\n│   │   ├── Cuisine Filters (shadcn: Checkbox group)\n│   │   └── Difficulty Filters (shadcn: RadioGroup)\n│   └── Recipe Grid (main)\n│       └── Recipe Card (shadcn: Card)\n│           ├── Recipe Image (img)\n│           ├── Recipe Title (shadcn: Typography `h3`)\n│           ├── Recipe Tags (shadcn: Badge)\n│           └── Quick Actions (shadcn: Button - View, Edit)\n```\n\n- **State Flow Diagram**: Component state management using Mermaid\n- Reusable component library specifications\n- State management patterns with Zustand/React Query\n- TypeScript interfaces and types\n\n##### Security Performance\n\n- Authentication/authorization requirements\n- Data validation and sanitization\n- Performance optimization strategies\n- Caching mechanisms\n\n## Context Template\n\n- **Feature PRD:** [The content of the Feature PRD markdown file]","tags":["breakdown","feature","implementation","awesome","copilot","github"],"capabilities":["skill","source-github","category-awesome-copilot"],"categories":["awesome-copilot"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/github/awesome-copilot/breakdown-feature-implementation","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"install_from":"skills.sh"}},"qualityScore":"0.300","qualityRationale":"deterministic score 0.30 from registry signals: · indexed on skills.sh · published under github/awesome-copilot","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T14:40:17.440Z","embedding":null,"createdAt":"2026-04-18T20:25:49.298Z","updatedAt":"2026-04-22T14:40:17.440Z","lastSeenAt":"2026-04-22T14:40:17.440Z","tsv":"'-5':140 '/docs/ways-of-work/plan':89 '/implementation-plan.md':96 '3':139 'access':406 'act':14 'action':492 'add':421 'api':190,221,361 'app':118,120 'app-nam':119 'approach':309,360 'architectur':154,160,299,390 'area':447 'arrow':247 'asid':452 'auth':377 'authent':194,372 'authentication/authorization':521 'author':374 'awesom':4 'back':110 'back-end':109 'background':227 'badg':490 'base':44 'boundari':294 'breakdown':1 'bullet':146 'busi':201,206 'button':423,425,494 'cach':217,387,530 'card':416,476,478 'categori':458 'category-awesome-copilot' 'checkbox':461,466 'choic':276,285 'class':205 'clear':238,293 'client':187 'client-sid':186 'code':64,383 'communic':296 'compani':34 'complet':81 'compon':182,231,261,391,395,500,506 'comprehens':57,158 'consider':152,304 'consist':404 'constraint':335,352 'contain':226,449 'container':301 'content':446,537 'context':52,532 'control':357 'copilot':5 'craft':24 'creat':37,156,313 'critic':340 'cuisin':463 'data':213,241,251,264,325,348,523 'databas':215,310,353 'defin':292 'definit':331 'deploy':230,298,359 'describ':138 'design':312,362 'detail':38,143,329 'diagram':161,175,318,499 'difficulti':468 'docker':225,300 'document':275,284,393 'dropdownmenu':427 'dropdownmenuitem':430,434,438 'edit':496 'end':107,111 'endpoint':193,363 'engin':21 'entiti':316 'entity-relationship':315 'entri':429 'epic':91 'epic-nam':90 'epoch':114 'error':378 'event':211,254 'excel':35 'extern':220 'featur':2,9,28,43,47,94,134,136,144,168,259,323,534,540 'feature-nam':93 'feature-specif':258 'field':330 'file':97,101,543 'filter':450,453,459,464,469 'flex':448 'flow':242,255,498 'folder':99 'follow':113 'foreign':345 'format':75,86,368 'foundat':407 'front':106 'front-end':105 'frontend':178,389 'full':365 'github':8 'goal':13,135,137 'grid':473 'group':462,467 'h1':420 'h3':486 'h4':457 'handl':212,379 'header':413 'hierarchi':392 'high':26 'high-touch':25 'horizont':305 'icon':444 'imag':480 'img':481 'implement':3,10,40,58,82,130,148,271 'import':431,435 'includ':177,256 'index':336,341 'indic':248 'industri':18 'industry-veteran':17 'infrastructur':223 'input':196,440,442 'integr':169,222,290,349 'interact':216 'interfac':181,516 'key':346 'label':246 'larg':31 'large-scal':30 'layer':179,191,203,214,224,237,244,280,289 'layout':408 'leverag':398 'librari':401,411,507 'limit':385 'list':147 'logic':189,202 'main':445,474 'manag':184,502,510 'manual':428 'markdown':85,542 'mechan':218,531 'mermaid':163,320,504 'middlewar':195 'migrat':354 'model':326 'monorepo':116 'name':92,95,121,125,129 'note':60 'optim':528 'orchestr':209 'organ':235 'output':54,66,74,77 'overal':172 'overview':155 'packag':126,128 'package-nam':127 'page':412 'pattern':250,511 'pdf':437 'perform':339,520,527 'performance-crit':338 'plan':11,41,59,83,131,149 'point':291 'prd':48,535,541 'prompt':12 'protocol':297 'provid':51 'pseudocod':70 'queri':514 'quick':491 'radiogroup':471 'rate':384 'rational':277,286,344 'recip':410,422,472,475,479,482,487 'referenti':351 'relationship':317,347 'repositori':112 'request':199 'request/response':249,367 'requir':142,145,522 'respons':22 'reusabl':505 'review':49 'rout':200 'rule':207 'saa':33 'sanit':526 'save':87 'scalabl':303 'scale':32,308 'schema':311 'search':439 'section':414 'secur':519 'select':274,283 'sentenc':141 'servic':122,124,204,228,262 'service-nam':123 'shadcn':415,418,424,441,455,460,465,470,477,484,489,493 'shadcn/ui':400 'show':165,239,321 'side':188 'sidebar':451 'situat':73 'skill':6 'softwar':20 'source-github' 'specif':150,260,328,366,508 'stack':273,282,376 'state':183,497,501,509 'status':382 'strategi':302,337,355,380,388,529 'structur':102,117,265,396,409 'subgraph':233 'system':98,153,159,173 'tabl':327 'tag':488 'technic':39,72,151 'technolog':272,281 'templat':533 'thorough':56 'titl':417,454,483 'touch':27 'transform':252 'trpc':192 'type':333,371,518 'typescript':370,515 'typographi':419,456,485 'uniqu':268 'unless':67 'url':433 'use':162,232,319,503 'user':180 'valid':197,524 'version':356 'vertic':307 'veteran':19 'view':495 'workflow':208 'write':63 'zustand/react':513","prices":[{"id":"1da6107d-dd92-4004-beef-2d10ef480161","listingId":"3e0994db-4f59-449c-a83a-e4294d685272","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"github","category":"awesome-copilot","install_from":"skills.sh"},"createdAt":"2026-04-18T20:25:49.298Z"}],"sources":[{"listingId":"3e0994db-4f59-449c-a83a-e4294d685272","source":"github","sourceId":"github/awesome-copilot/breakdown-feature-implementation","sourceUrl":"https://github.com/github/awesome-copilot/tree/main/skills/breakdown-feature-implementation","isPrimary":false,"firstSeenAt":"2026-04-18T21:48:30.884Z","lastSeenAt":"2026-04-22T12:52:07.358Z"},{"listingId":"3e0994db-4f59-449c-a83a-e4294d685272","source":"skills_sh","sourceId":"github/awesome-copilot/breakdown-feature-implementation","sourceUrl":"https://skills.sh/github/awesome-copilot/breakdown-feature-implementation","isPrimary":true,"firstSeenAt":"2026-04-18T20:25:49.298Z","lastSeenAt":"2026-04-22T14:40:17.440Z"}],"details":{"listingId":"3e0994db-4f59-449c-a83a-e4294d685272","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"github","slug":"breakdown-feature-implementation","source":"skills_sh","category":"awesome-copilot","skills_sh_url":"https://skills.sh/github/awesome-copilot/breakdown-feature-implementation"},"updatedAt":"2026-04-22T14:40:17.440Z"}}