[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7CSFF53HDGNTGP04TRW61EC":3,"skill-same:01M7CSFF53HDGNTGP04TRW61EC":44},{"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":17,"publishedAt":18,"linkOnly":19,"markdownContent":20,"markdownBody":21,"frontMatter":22,"refName":23,"commitSha":24,"skillDirectory":25,"forksCount":26,"repositoryHtmlUrl":27,"repositoryHomepageUrl":6,"ownerHtmlUrl":28,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":29,"install":30,"resources":43},"01M7CSFF53HDGNTGP04TRW61EC","design-touch-states-copy",null,"Touchscreen states and microcopy for retail screen content and related display projects.","newmindsgroup\u002Fvisual-design-kit","newmindsgroup","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F38358889?v=4","01M7CRXVBNJ0WGRTNWHWY2HVQ9","01M7CRXVC9ZXSZBAPZTP3Y39CA",2,"MIT","https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit\u002Fblob\u002Fmain\u002Fplugins\u002Fvisual-design-studio\u002Flibrary\u002Fdraft-skills\u002Fdesign-touch-states-copy\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: design-touch-states-copy\ndescription: Touchscreen states and microcopy for retail screen content and related display projects.\n---\n\n# Touchscreen states and microcopy\n\nVersion-Timestamp: 2026-09-12T11:35:16-04:00\n\n## Objective and inputs\n\nProduce touchscreen states and microcopy within the user's screen-content scope. Read the [screen workflow](..\u002F..\u002FSCREEN-CONTENT-SKILLS.md) and reuse approved upstream files, brief, source versions and constraints. The catalog dependency `touchscreen-design` identifies required information, not a mandatory rerun. Missing inputs are explicit assumptions or scoped holds.\n\n## Method\n\nUse the canonical project state table owned by [touchscreen design](..\u002Fdesign-touchscreen-design\u002FSKILL.md). Map copy to its existing state IDs; attract, entry, loading, success, error, help, exit and idle reset are coverage examples, not a second state machine. Write short actionable copy and immediate input feedback. Warn before timeout and offer extension where required. Separate unknown transaction outcomes from failure; never encourage a blind retry.\n\n## Output\n\nState table with trigger, message, action, timeout, data retained and recovery. Carry source version, candidate status, editable file location, dependencies, limitations and next owner in the [handoff](..\u002Fdesign-stage-handoff\u002FSKILL.md). Choose an available tool suited to the artifact; a skill does not establish authentication, paid allowance or native editing capability.\n\n## Acceptance\n\nWalk through interrupted tasks, repeated taps, slow loading and session clearing with prior-user data absent. Record actual evidence and failures. Never label an unexecuted check passed. Maintain the approved baseline until the candidate is accepted.\n\n## Unknown submission outcomes\n\nVersion-Timestamp: 2026-09-11T19:55:31-04:00\n\nA dropped connection after submission means unknown, not failed. Use copy such as \"We cannot confirm whether your request arrived.\" A user-clicked Retry is also unsafe before reconciliation; suppress repeat submission until status lookup or a verified idempotency contract makes it safe. Acknowledgment of receipt does not prove staff are on the way. Offer in-person help without inventing device dialer support. Use one coherent proposed timeout schedule, warning before reset, and retain active session data during extension. Reset must clear shopper-visible data while any required operational reconciliation stays isolated from the next session. Do not invent OS, files, versions or pass results; label proposals and untested transitions explicitly.\n\n## Shared session and media contract\n\nTouchscreen design owns the single project state table, its version and inactivity schedule. This skill owns messages mapped to those IDs; [touch media](..\u002Fdesign-touch-media\u002FSKILL.md) owns media actions mapped to the same transitions. Extend that table for a missing case rather than creating a parallel schedule or renaming states locally. Record the selected table path\u002Fhash in the handoff.\n\nDefine event ownership, cancellation, warning and extension before reset. Extension retains choices and cancels the pending reset. Reset clears shopper-visible data before attract resumes; unresolved operational actions remain isolated for reconciliation. The opening touch must not be handled twice. Verify late responses and interrupted entry using the [prepared exercises](..\u002F..\u002Fexamples\u002Fmedia-quality-recipes\u002FREADME.md). Example state labels may be mapped to the project's established IDs.\n\nUse the [display production detail checklist](..\u002F..\u002Ftemplates\u002Fdisplay-production-details.md) and preserve actual test evidence.\n","# Touchscreen states and microcopy\n\nVersion-Timestamp: 2026-09-12T11:35:16-04:00\n\n## Objective and inputs\n\nProduce touchscreen states and microcopy within the user's screen-content scope. Read the [screen workflow](..\u002F..\u002FSCREEN-CONTENT-SKILLS.md) and reuse approved upstream files, brief, source versions and constraints. The catalog dependency `touchscreen-design` identifies required information, not a mandatory rerun. Missing inputs are explicit assumptions or scoped holds.\n\n## Method\n\nUse the canonical project state table owned by [touchscreen design](..\u002Fdesign-touchscreen-design\u002FSKILL.md). Map copy to its existing state IDs; attract, entry, loading, success, error, help, exit and idle reset are coverage examples, not a second state machine. Write short actionable copy and immediate input feedback. Warn before timeout and offer extension where required. Separate unknown transaction outcomes from failure; never encourage a blind retry.\n\n## Output\n\nState table with trigger, message, action, timeout, data retained and recovery. Carry source version, candidate status, editable file location, dependencies, limitations and next owner in the [handoff](..\u002Fdesign-stage-handoff\u002FSKILL.md). Choose an available tool suited to the artifact; a skill does not establish authentication, paid allowance or native editing capability.\n\n## Acceptance\n\nWalk through interrupted tasks, repeated taps, slow loading and session clearing with prior-user data absent. Record actual evidence and failures. Never label an unexecuted check passed. Maintain the approved baseline until the candidate is accepted.\n\n## Unknown submission outcomes\n\nVersion-Timestamp: 2026-09-11T19:55:31-04:00\n\nA dropped connection after submission means unknown, not failed. Use copy such as \"We cannot confirm whether your request arrived.\" A user-clicked Retry is also unsafe before reconciliation; suppress repeat submission until status lookup or a verified idempotency contract makes it safe. Acknowledgment of receipt does not prove staff are on the way. Offer in-person help without inventing device dialer support. Use one coherent proposed timeout schedule, warning before reset, and retain active session data during extension. Reset must clear shopper-visible data while any required operational reconciliation stays isolated from the next session. Do not invent OS, files, versions or pass results; label proposals and untested transitions explicitly.\n\n## Shared session and media contract\n\nTouchscreen design owns the single project state table, its version and inactivity schedule. This skill owns messages mapped to those IDs; [touch media](..\u002Fdesign-touch-media\u002FSKILL.md) owns media actions mapped to the same transitions. Extend that table for a missing case rather than creating a parallel schedule or renaming states locally. Record the selected table path\u002Fhash in the handoff.\n\nDefine event ownership, cancellation, warning and extension before reset. Extension retains choices and cancels the pending reset. Reset clears shopper-visible data before attract resumes; unresolved operational actions remain isolated for reconciliation. The opening touch must not be handled twice. Verify late responses and interrupted entry using the [prepared exercises](..\u002F..\u002Fexamples\u002Fmedia-quality-recipes\u002FREADME.md). Example state labels may be mapped to the project's established IDs.\n\nUse the [display production detail checklist](..\u002F..\u002Ftemplates\u002Fdisplay-production-details.md) and preserve actual test evidence.\n",{"name":5,"description":7},"main","753c596e097d0288f4f74e22d6b8457014eac8b2","plugins\u002Fvisual-design-studio\u002Flibrary\u002Fdraft-skills\u002Fdesign-touch-states-copy",0,"https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit","https:\u002F\u002Fgithub.com\u002Fnewmindsgroup","2026-11-10 11:31:50",{"source":8,"skillName":5,"commands":31,"prompt":41,"zipAvailable":42},[32,35,38],{"tool":33,"command":34},"npx","npx skills add newmindsgroup\u002Fvisual-design-kit --skill design-touch-states-copy",{"tool":36,"command":37},"bunx","bunx skills add newmindsgroup\u002Fvisual-design-kit --skill design-touch-states-copy",{"tool":39,"command":40},"pnpm","pnpm dlx skills add newmindsgroup\u002Fvisual-design-kit --skill design-touch-states-copy","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit\u002Fblob\u002Fmain\u002Fplugins\u002Fvisual-design-studio\u002Flibrary\u002Fdraft-skills\u002Fdesign-touch-states-copy\u002FSKILL.md",true,[],[45,52,59,66,73,80],{"skillNo":46,"name":47,"nameZh":6,"description":48,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":49,"categories":50,"keywords":51,"publishedAt":18},"01M7CSR2BPCD04SARPWN7EJ5R0","web-design","Load before planning, designing, auditing or launching any website, landing page, cinematic hero, microsite or above-the-fold layout, or a prompt for Lovable, Bolt or v0 to build one, including regulated (prescription drug, health, finance), multilingual or market-specific launches. Covers page types (home, product, pricing, about, blog), conversion and ethical persuasion, responsive and fluid layouts, Core Web Vitals, SEO and structured data, localization and language-law requirements, stack and CMS choice (Astro, Next.js, WordPress, Webflow, Framer) and launch QA.","https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit\u002Fblob\u002Fmain\u002Fplugins\u002Fvisual-design-studio\u002Fskills\u002Fweb-design\u002FSKILL.md",[],[],{"skillNo":53,"name":54,"nameZh":6,"description":55,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":56,"categories":57,"keywords":58,"publishedAt":18},"01M7CSQX00CVQAWP2QDHKVXFMS","ux-design","Load before designing or reviewing any flow, form, onboarding, navigation or content for real users, especially low-literacy, older, neurodivergent, child or other specific audiences. Covers research and usability tests, heuristic reviews, personas and jobs to be done, journeys and service blueprints, information architecture, UX laws, SUS, SEQ and HEART metrics, plain language and reading level, and microcopy and error messages.","https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit\u002Fblob\u002Fmain\u002Fplugins\u002Fvisual-design-studio\u002Fskills\u002Fux-design\u002FSKILL.md",[],[],{"skillNo":60,"name":61,"nameZh":6,"description":62,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":63,"categories":64,"keywords":65,"publishedAt":18},"01M7CSQQE0HX6Q8YR2EA1TR6P4","ui-design","Load before designing or specifying any interface screen or component, even a quick one: forms, tables, navigation, dashboards, onboarding, auth and passkeys, pricing, checkout, search and filters, settings, empty, loading and error states, notifications, consent and age-appropriate flows, and AI chat and agent interfaces, all to WCAG 2.2 AA. Also picks React UI libraries (toasts, drawers, command menus). Gives component specs, state matrices, sizes, density and keyboard and accessibility behavior.","https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit\u002Fblob\u002Fmain\u002Fplugins\u002Fvisual-design-studio\u002Fskills\u002Fui-design\u002FSKILL.md",[],[],{"skillNo":67,"name":68,"nameZh":6,"description":69,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":70,"categories":71,"keywords":72,"publishedAt":18},"01M7CSQFM0F9QKZ17S54PYN8M7","typography","Choose, pair, size and set type for brand, web, app, print, slides, signage and motion: modular scales, fluid clamp() type, measure, leading, tracking, OpenType features, font licensing and web font loading, and multiscript setting for CJK, Arabic, Hebrew, Devanagari and Thai. Use when selecting or pairing fonts, building a type scale or type tokens, fixing weak hierarchy or bad line breaks, setting long-form text or numbers, loading web fonts, or localizing type for another market.","https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit\u002Fblob\u002Fmain\u002Fplugins\u002Fvisual-design-studio\u002Fskills\u002Ftypography\u002FSKILL.md",[],[],{"skillNo":74,"name":75,"nameZh":6,"description":76,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":77,"categories":78,"keywords":79,"publishedAt":18},"01M7CSQ95PB7K9JBEFYZVA7226","reference-reconstruction","Reconstructs the observed interface and behavior of a supplied app, site or screenshot set using a screen index, measurements, state and command maps, reusable components and matched-condition comparisons. Use when asked to reverse engineer, clone, reproduce or match a reference product, then adapt it if requested.","https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit\u002Fblob\u002Fmain\u002Fplugins\u002Fvisual-design-studio\u002Fskills\u002Freference-reconstruction\u002FSKILL.md",[],[],{"skillNo":81,"name":82,"nameZh":6,"description":83,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":86,"publishedAt":18},"01M7CSQ1XRH2MBXH21MSZ7PXWJ","print-packaging-social","Load before any print, packaging, label, barcode, social, out-of-home, slide-deck or email design question, even a quick one, and before making finished collateral files. Specs: bleed, safe zones, 300ppi, CMYK, PDF\u002FX preflight, dielines, barcodes, social formats with 9:16 safe areas, billboard letter heights, 16:9 decks, bulletproof email. Renders token-driven brand books, sell sheets, cards, carousels and decks to PDF and PNG with a Canva editable twin.","https:\u002F\u002Fgithub.com\u002Fnewmindsgroup\u002Fvisual-design-kit\u002Fblob\u002Fmain\u002Fplugins\u002Fvisual-design-studio\u002Fskills\u002Fprint-packaging-social\u002FSKILL.md",[],[]]