[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6KEPBH08HMQVRGJQDG02AVP":3,"skill-same:01M6KEPBH08HMQVRGJQDG02AVP":90},{"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":16,"sourceHtmlUrl":17,"categories":18,"keywords":32,"publishedAt":55,"linkOnly":56,"markdownContent":57,"markdownBody":58,"frontMatter":59,"refName":63,"commitSha":64,"skillDirectory":65,"forksCount":66,"repositoryHtmlUrl":67,"repositoryHomepageUrl":68,"ownerHtmlUrl":69,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":70,"install":71,"resources":84},"01M6KEPBH08HMQVRGJQDG02AVP","frontend-design",null,"Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML\u002FCSS layouts, or when styling\u002Fbeautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.","RyouMon\u002FMyReader","RyouMon","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F42371625?v=4","01M6KEHCYA36Q3V1K41QV59W7E","Wen","01M6KEHD28Z5MHEK56872145JX",2,"Apache-2.0","https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Ffrontend-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Ffrontend-design\u002FSKILL.md",[19,24,27],{"categoryNo":20,"categoryName":21,"taxonomyType":22,"taxonomyTypeDesc":23},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":25,"categoryName":26,"taxonomyType":22,"taxonomyTypeDesc":23},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":28,"categoryName":29,"taxonomyType":30,"taxonomyTypeDesc":31},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54],"design","frontend design","frontend","when","generic","with","web ui","aesthetics","pages","ui design","use","landing","applications","examples","artifacts","code","create","react components","react","components","web","css","2026-11-10 10:12:30",false,"---\nname: list_tasks\ndescription: Shows the user's tasks, with optional status filter\ntriggers: show, list, view, my tasks, what do I have, todo list, pending tasks, completed tasks, what's on my list\n---\n\nTool for displaying user's tasks.\n\nParameters expected:\n- status (string, optional): \"all\" (default), \"pending\", \"completed\"\n\nRules & behavior:\n- If status=\"pending\" → only show incomplete tasks\n- If status=\"completed\" → only show finished tasks\n- Format output nicely: numbered list with title + status emoji (✓ or ☐)\n- If no tasks: \"Your list is empty right now. Want to add something?\"\n- Example reply: \"Here are your pending tasks:\\n1. Buy groceries ☐\\n2. Call mom ☐\"\n- Always filter by current user's ID only","Tool for displaying user's tasks.\n\nParameters expected:\n- status (string, optional): \"all\" (default), \"pending\", \"completed\"\n\nRules & behavior:\n- If status=\"pending\" → only show incomplete tasks\n- If status=\"completed\" → only show finished tasks\n- Format output nicely: numbered list with title + status emoji (✓ or ☐)\n- If no tasks: \"Your list is empty right now. Want to add something?\"\n- Example reply: \"Here are your pending tasks:\\n1. Buy groceries ☐\\n2. Call mom ☐\"\n- Always filter by current user's ID only",{"name":60,"triggers":61,"description":62},"list_tasks","show, list, view, my tasks, what do I have, todo list, pending tasks, completed tasks, what's on my list","Shows the user's tasks, with optional status filter","main","cb1e4e79d005a61b1c04017712ee8c607c1282f3",".agents\u002Fskills\u002Ffrontend-design",0,"https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader","https:\u002F\u002Fryoumon.github.io\u002Fprojects\u002Fmyreader\u002F","https:\u002F\u002Fgithub.com\u002FRyouMon","2026-11-10 02:18:46",{"source":8,"skillName":60,"commands":72,"prompt":82,"zipAvailable":83},[73,76,79],{"tool":74,"command":75},"npx","npx skills add RyouMon\u002FMyReader --skill list_tasks",{"tool":77,"command":78},"bunx","bunx skills add RyouMon\u002FMyReader --skill list_tasks",{"tool":80,"command":81},"pnpm","pnpm dlx skills add RyouMon\u002FMyReader --skill list_tasks","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Ffrontend-design\u002FSKILL.md",true,[85],{"path":86,"resourceType":87,"resourceTypeDesc":88,"sizeBytes":89,"sourceHtmlUrl":16},"LICENSE.txt","LICENSE","许可证",10174,[91,115,140,162,183,201],{"skillNo":92,"name":93,"nameZh":6,"description":94,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":95,"licenseFileUrl":6,"sourceHtmlUrl":96,"categories":97,"keywords":99,"publishedAt":55},"01M6KES6YTRMFMAGCCMFW26AN9","cross-platform-ui-spec","Apply the shared MyReader design workflow to desktop or mobile UI changes in Cursor.","MIT","https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.cursor\u002Fskills\u002Fcross-platform-ui-spec\u002FSKILL.md",[98],{"categoryNo":28,"categoryName":29,"taxonomyType":30,"taxonomyTypeDesc":31},[100,101,102,103,104,105,33,106,107,108,109,110,111,112,113,114],"spec","cross platform","ui","platform","platform ui","cross platform ui spec","workflow","desktop","cursor","mobile","shared","mobile ui","changes","apply","myreader design",{"skillNo":116,"name":117,"nameZh":6,"description":118,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":95,"licenseFileUrl":6,"sourceHtmlUrl":119,"categories":120,"keywords":122,"publishedAt":55},"01M6KES2HFY9HGF5T9GDAGSFRE","zustand-state-management","Zustand v5 store patterns, TypeScript create\u003CT>()() usage, persist\u002Fdevtools middleware, hydration pitfalls, slices, and migration notes. Use when implementing or reviewing global client state with Zustand in React apps.","https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fzustand-state-management\u002FSKILL.md",[121],{"categoryNo":20,"categoryName":21,"taxonomyType":22,"taxonomyTypeDesc":23},[123,124,125,126,127,128,129,51,130,49,131,43,132,133,134,135,136,137,138,139,36],"state management","state","zustand","management","zustand state","zustand state management","typescript","notes","devtools","patterns","apps","store","middleware","pitfalls","usage","persist","implementing",{"skillNo":141,"name":142,"nameZh":6,"description":143,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":95,"licenseFileUrl":6,"sourceHtmlUrl":144,"categories":145,"keywords":147,"publishedAt":55},"01M6KERW3JC43BAGMFNA1FYVQ5","vercel-react-view-transitions","Guide for implementing smooth, native-feeling animations using React's View Transition API (`\u003CViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter\u002Fexit of components, animate list reorder, implement directional (forward\u002Fback) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.","https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fvercel-react-view-transitions\u002FSKILL.md",[146],{"categoryNo":20,"categoryName":21,"taxonomyType":22,"taxonomyTypeDesc":23},[51,148,149,150,151,152,54,52,153,154,49,155,156,157,158,110,159,160,161,139,36],"view","vercel","vercel react view transitions","react view transitions","transitions","component","libraries","api","Animation","back","route","element","types","states",{"skillNo":163,"name":164,"nameZh":6,"description":165,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":95,"licenseFileUrl":6,"sourceHtmlUrl":166,"categories":167,"keywords":169,"publishedAt":55},"01M6KERK6M3QARTY9GGVWH49XQ","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\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fvercel-react-native-skills\u002FSKILL.md",[168],{"categoryNo":20,"categoryName":21,"taxonomyType":22,"taxonomyTypeDesc":23},[51,170,171,149,172,173,174,52,175,176,43,177,109,178,103,179,180,133,139,181,182,36],"vercel react native skills","react native","react native skills","native","performance","tasks","list","modules","expo","triggers","mobile performance","for","animations",{"skillNo":184,"name":185,"nameZh":6,"description":186,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":95,"licenseFileUrl":6,"sourceHtmlUrl":187,"categories":188,"keywords":190,"publishedAt":55},"01M6KER8AQ7EJB3W68GTRZKHA3","vercel-react-best-practices","React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React\u002FNext.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.","https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fvercel-react-best-practices\u002FSKILL.md",[189],{"categoryNo":20,"categoryName":21,"taxonomyType":22,"taxonomyTypeDesc":23},[51,191,192,193,149,194,174,52,50,195,175,48,196,197,198,132,199,41,179,200,36],"vercel react best practices","best practices","react best practices","writing","guidelines","Optimization","data","refactoring","next","data fetching",{"skillNo":202,"name":203,"nameZh":6,"description":204,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":95,"licenseFileUrl":6,"sourceHtmlUrl":205,"categories":206,"keywords":208,"publishedAt":55},"01M6KER2HCWKC47WSMEWCSANGW","vercel-composition-patterns","React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.","https:\u002F\u002Fgithub.com\u002FRyouMon\u002FMyReader\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fvercel-composition-patterns\u002FSKILL.md",[207],{"categoryNo":20,"categoryName":21,"taxonomyType":22,"taxonomyTypeDesc":23},[209,210,149,132,211,52,51,153,212,213,175,154,214,215,155,198,216,217,218,219,36],"Composition","vercel composition patterns","composition patterns","architecture","api changes","component architecture","Providers","react composition","react 19","render","react composition patterns"]