[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6PDNFZWX61ZPBZ1E45EB8J5":3,"skill-same:01M6PDNFZWX61ZPBZ1E45EB8J5":70},{"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":27,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":49,"commitSha":50,"skillDirectory":51,"forksCount":52,"repositoryHtmlUrl":53,"repositoryHomepageUrl":6,"ownerHtmlUrl":54,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":55,"install":56,"resources":69},"01M6PDNFZWX61ZPBZ1E45EB8J5","drin-design-system-sync",null,"Workflow for ensuring technical components are in sync with design tokens (colors, fonts, spacing).","pedrol-cmd\u002Fbrain-drin","pedrol-cmd","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F269090167?v=4","01M6PDG3CXWN1PR3GXREEXK69F","01M6PDG3HHBGEWDJ1STF9Z9ER6",12,"MIT","https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fdrin-design-system-sync\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"design","sync","design system","system","drin design system sync","workflow","components","Production","technical","design tokens","tokens","with","spacing","fonts","for","2026-11-10 10:12:30",false,"---\nname: drin-design-system-sync\ndescription: Workflow for ensuring technical components are in sync with design tokens (colors, fonts, spacing).\nstatus: production\n---\n\n# Design System Sync\n\n## Purpose\nTo ensure UI consistency and bridge the gap between Figma and the final product code.\n\n## Components\n1. **Design Tokens**: Pulling latest JSON values from Figma\u002FPenpot.\n2. **Component Audit**: Comparing UI components against the designated design system versions.\n3. **Visual Regression**: Identifying unexpected visual shifts.\n\n## Rules\n- No hardcoded colors or spacing; use tokens.\n- Every new UI component must be registered in the Design System.\n---\nsubagents:\n  - ux-designer\n  - frontend-dev\n","# Design System Sync\n\n## Purpose\nTo ensure UI consistency and bridge the gap between Figma and the final product code.\n\n## Components\n1. **Design Tokens**: Pulling latest JSON values from Figma\u002FPenpot.\n2. **Component Audit**: Comparing UI components against the designated design system versions.\n3. **Visual Regression**: Identifying unexpected visual shifts.\n\n## Rules\n- No hardcoded colors or spacing; use tokens.\n- Every new UI component must be registered in the Design System.\n---\nsubagents:\n  - ux-designer\n  - frontend-dev\n",{"name":5,"status":48,"description":7},"production","master","49f9153042a67a088b119042fa3aae8ede872e4d",".claude\u002Fskills\u002Fdrin-design-system-sync",1,"https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin","https:\u002F\u002Fgithub.com\u002Fpedrol-cmd","2026-04-11 06:42:15",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":68},[58,61,64],{"tool":59,"command":60},"npx","npx skills add pedrol-cmd\u002Fbrain-drin --skill drin-design-system-sync",{"tool":62,"command":63},"bunx","bunx skills add pedrol-cmd\u002Fbrain-drin --skill drin-design-system-sync",{"tool":65,"command":66},"pnpm","pnpm dlx skills add pedrol-cmd\u002Fbrain-drin --skill drin-design-system-sync","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fdrin-design-system-sync\u002FSKILL.md",true,[],[71,88,106,125,141,161],{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":77,"publishedAt":43},"01M6PE0X17DRJBTK67GGQXAGG9","drin-whatsapp-outbound-engine","Specialized workflow for sales and engagement via WhatsApp, focused on speed and intimacy.","https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fdrin-whatsapp-outbound-engine\u002FSKILL.md",[],[78,79,80,81,82,83,42,35,84,33,85,86,87],"engine","whatsapp","drin whatsapp outbound engine","outbound","speed","intimacy","via","engagement","sales","specialized",{"skillNo":89,"name":90,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":97,"publishedAt":43},"01M6PE0NJQNWJATM9B1AJRAV1P","drin-vector-database-sync","Specialized workflow for managing, syncing, and optimizing data in Vector DBs for RAG systems.","https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fdrin-vector-database-sync\u002FSKILL.md",[94],{"categoryNo":95,"categoryName":96,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口",[98,99,100,101,29,33,102,103,104,35,87,105,42],"vector database","drin vector database sync","vector","database","rag","data","dbs","systems",{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":113,"publishedAt":43},"01M6PE0JPYMXKG7C382KVQT3RB","drin-ux-interaction-standard","Definition of standards for micro-interactions, animations, and UI feedback states.","https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fdrin-ux-interaction-standard\u002FSKILL.md",[112],{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},[114,115,116,117,118,119,120,121,35,122,123,124,42],"ux","interaction","drin ux interaction standard","standard","animations","ui","definition","micro","feedback","standards","states",{"skillNo":126,"name":127,"nameZh":6,"description":128,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":129,"categories":130,"keywords":132,"publishedAt":43},"01M6PE0DP0501D6V3D4062E30K","drin-ux-audit-framework","Heuristic evaluation framework for identifying usability issues in digital products.","https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fdrin-ux-audit-framework\u002FSKILL.md",[131],{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},[133,114,134,135,136,137,138,139,35,140,42],"ux audit","framework","audit","drin ux audit framework","evaluation framework","issues","Evaluation","usability",{"skillNo":142,"name":143,"nameZh":6,"description":144,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":145,"categories":146,"keywords":150,"publishedAt":43},"01M6PE07XV8WYQCKJM8S9KZ7SE","drin-user-story-generator","Automated generator for well-structured user stories following the INVEST principles.","https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fdrin-user-story-generator\u002FSKILL.md",[147],{"categoryNo":148,"categoryName":149,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000031","产品经理",[151,152,153,154,155,156,157,35,158,159,160,42],"generator","drin user story generator","Story","user story generator","user","user story","stories","structured","principles","user stories",{"skillNo":162,"name":163,"nameZh":6,"description":164,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":165,"categories":166,"keywords":167,"publishedAt":43},"01M6PE01VXR0BN5SBYQRP6AJ5W","drin-user-feedback-synthesizer","Workflow for aggregating and summarizing user feedback from support tickets, social media, and interviews.","https:\u002F\u002Fgithub.com\u002Fpedrol-cmd\u002Fbrain-drin\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fdrin-user-feedback-synthesizer\u002FSKILL.md",[],[122,155,168,169,170,171,35,172,173,174,175,176,42,33],"feedback synthesizer","synthesizer","drin user feedback synthesizer","support","Media","social media","social","tickets","interviews"]