design-production-interface
Select production tools and prepare editable native sources, verified exports and handoffs for design deliverables. Use for Illustrator, Photoshop, Figma, Canva or medium-specific production without assuming installed tools, account access or deployment permission.
- License 许可
- MIT
- 最近更新
- 2026-11-10
- Stars
- ★ 2
- Forks
- 0
01 前言 Front Matter
- name
- design-production-interface
- description
- Select production tools and prepare editable native sources, verified exports and handoffs for design deliverables. Use for Illustrator, Photoshop, Figma, Canva or medium-specific production without assuming installed tools, account access or deployment permission.
02 资源文件 6
- 参考文档references/canva.md2.2 KB
- 参考文档references/export-fidelity.md3.7 KB
- 参考文档references/figma.md2.3 KB
- 参考文档references/illustrator.md2.4 KB
- 参考文档references/photoshop.md1.9 KB
- 参考文档references/print-production.md2.2 KB
03 SKILL.md 正文
Production
Version-Timestamp: 2026-09-12T11:33:18-04:00
Agent-Attribution: computer=NMG-MBP-M5.local; tool=Codex; version=codex-cli 0.149.1; timestamp=2026-09-08 22:17:00 AST
Project-local instruction draft. Manual selection does not install a tool or grant permissions.
Inputs
Approved or provisional design state, precise output specifications, permitted assets, selected toolchain evidence and operation authorization. Reuse valid existing prerequisites; missing audience research follows the shared audience rule, including its hold or specifically authorized provisional-exploration branch. Never self-authorize an exception.
Software and control-route selection
Use production routing before choosing a renderer or native application. Select by required editable source, output fidelity and recipient workflow; use capable existing software when it meets the task better than a custom implementation. Check the route status in SOFTWARE-READINESS.md before execution; unverified routes permit bounded verification experiments within authorization, not a production-readiness claim. Load only the relevant Illustrator, Photoshop, Figma or Canva workflow linked there. Reuse verified installed skills/connectors; check actual operations, entitlement/data boundary and export/reopen evidence. Treat the readiness snapshot as dated discovery, not execution proof.
Method
Read only the selected medium row in TOOLCHAINS.md. Record tool/version, native format, export settings and dependencies as observed facts or unselected. Verify input hashes and allowed use before production. Produce editable source and exports only with an available authorized tool. Inspect exports with the actual target viewer/runtime; record settings and evidence. Keep baseline hashes, requested delta and invariants for revisions. Package output inventory and dependencies in a manifest. Do not convert file existence or successful hashing into a native reopen, device, playback or manufacturing approval.
Output contract
Fill design work, selecting the sections relevant to this capability. Include: Production specification, local manifest, editable/output references, export parameters, toolchain state, reopen evidence and remaining acceptance checks. Refer to stable IDs and paths rather than pasting full research or personas.
Acceptance
Paths and hashes validate; rights match intended use; outputs match measured specs; native/render/device checks are separately recorded and never inferred. Apply quality boundaries. Unsupported checks remain pending with an owner and next action. For a revision, load stage handoff and compare only the authorized delta.
Shared inventory
Use the inventory for relevant entry IDs, variants, state prompts and profile choices. Complete the item specification only for selected scope. Keep existing reference decisions, work records, baselines and handoff contracts authoritative. An inventory entry is not an implemented or tested component.
Example and evidence discipline
Use the medium/consumption fields in the work record to distinguish live presentation from independent reading and online from offline use. Preserve the existing manifest and reopen checks. Where a builder mapping or copy/export option is documented, state whether it produces a marker, snippet, editable source or actually tested package.
Motion and reusable asset recipes
For transcript-led visual inserts, grading, transitions, coherent animated icons or image-to-video, read only the relevant mode of motion recipes. Keep source timing, factual evidence, fixed/variable parameters, scoped asset paths, licenses and actual export/playback checks in the existing work record. These are conditional production instructions, not a tested media integration or permission for generation spend. Existing UI, software-selection and delivery contracts remain the owners of their checks.
Infographic and media specializations
For evidence-based visual explanations, select infographics. For a justified generative asset, select Higgsfield or OpenArt using the shared media contract. These are optional specializations, not mandatory dependencies for ordinary production.
Focused craft methods
Read only the relevant method for the selected task; preserve existing prerequisites and canonical record ownership.
- Print and physical production: use when print production affects the requested output.
- Icons and visual symbol families: use when symbol families affects the requested output.
Conversion-specific fidelity
For HTML-to-slide or other native document conversion, use source-to-export fidelity. Preserve semantic emphasis, content-ID mapping and actual source/destination differences; geometry alone is not production acceptance.
Creative exploration and visual-language continuity
Version-Timestamp: 2026-09-09 10:32:33 AST
For brand-family production, load the accepted direction and visual-language specification. Preserve character/family invariants, use approved references and inspect each output for drift. Tool settings alone do not guarantee consistency.
Context and creative continuity
Version-Timestamp: 2026-09-09 10:35:51 AST
For repeated family assets or channel adaptations, follow creative continuity and select an applicable controlled exercise. No procedural checklist is evidence of generated consistency.
Provider selection
For a justified generated asset, use media route selection before selecting ChatGPT images, Higgsfield or OpenArt. Tool access and operation authorization remain separate.
Measured spacing and wrapping gate
Version-Timestamp: 2026-10-17 08:36:43 AST
For compact multi-column or fixed-size compositions, apply measured composition checks. Declare physical or CSS units, text insets, minimum readable type, line-count targets and inter-section gaps for the actual format. Measure rendered text with the actual loaded font; compare baseline and revision. Reallocate width or reduce column count before shrinking type. Three columns are allowed when the real copy fits. Review isolated final words and clipped ancestors, including decorative masks; page overflow alone is insufficient. Record exceptions with a rationale and owner, never silently waive failed checks.
Run the bundled measurement checker on a project-local receipt. It evaluates supplied measurements, not the source artwork: screenshots, font-load evidence, PDF inspection and physical proof remain distinct. No universal margin, column count, minimum point size or line count is prescribed.
04 同仓库更多 Skills
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.
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.
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.
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.
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.
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/X 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.