di-design-handoff
Produce a complete cross-model Design Handoff package with clean screenshot per screen/state, runnable web preview if applicable, structured tokens, source…
Skill by eng-mohamedemad-dev
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/eng-mohamedemad-dev-di-design-handoff
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, testing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/di-design-handoff
What's inside
- Skill name
di-design-handoff- Description
- Produce a complete cross-model Design Handoff package with clean screenshot per screen/state, runnable web preview if applicable, structured tokens, source assets, component and interaction contracts, and honest QA.
- License
- unknown
- Instructions
- 12 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from eng-mohamedemad-dev/ui-ux-skill
- 0.559score
di-design-critique
eng-mohamedemad-dev
Perform an art-director-level visual and UX critique of an existing interface or screenshot.
SkillAFreshness: AClaude Code +9 - 0.556score
di-polish
eng-mohamedemad-dev
Improve an existing UI in targeted iterations using evidence from visual critique and technical audit.
SkillAFreshness: AClaude Code +9 - 0.556score
di-arabic-rtl
eng-mohamedemad-dev
Design, implement and audit Arabic-first or bidirectional web interfaces with robust RTL semantics, typography, layout logic and mixed Arabic-English content.
SkillAFreshness: AClaude Code +9 - 0.556score
di-ui-build
eng-mohamedemad-dev
Implement premium, distinctive and accessible web UI from a clear design direction.
SkillAFreshness: AClaude Code +9 - 0.556score
di-ui-audit
eng-mohamedemad-dev
Audit existing web UI for objectively verifiable accessibility, responsiveness, interaction, performance and code-quality issues.
SkillAFreshness: AClaude Code +9 - 0.552score
di-creative-direction
eng-mohamedemad-dev
Lead the creative strategy and art direction for a new website, landing page, rebrand or major redesign.
SkillAFreshness: AClaude Code +9 - 0.551score
di-web-handoff-implementation
eng-mohamedemad-dev
Translate a complete visual handoff to production React/Vue/Laravel Inertia or web components, preserving real data flow, routes, interactions and…
SkillAFreshness: AClaude Code +9 - 0.551score
di-flutter-handoff-implementation
eng-mohamedemad-dev
Implement a supplied design handoff accurately as native Flutter UI, translating screenshot and tokens/components/states, without a WebView, with RTL…
SkillAFreshness: AClaude Code +9 - 0.551score
di-mobile-ux-state-review
eng-mohamedemad-dev
Review mobile UI designs for clutter, stacked contradictory messages, keyboard visibility, realistic screen states, text scaling, and Arabic/RTL before…
SkillAFreshness: AClaude Code +9 - 0.550score
di-design-system
eng-mohamedemad-dev
Create or extract a coherent, project-specific design system with semantic tokens, typography roles, layouts, components and interaction states.
SkillAFreshness: AClaude Code +9 - 0.547score
di-component-qa
eng-mohamedemad-dev
Specify and verify real component states, semantic tokens, keyboard/touch support, RTL and async/error behavior.
SkillAFreshness: AClaude Code +9 - 0.547score
di-visual-fidelity-qa
eng-mohamedemad-dev
Compare real target-runtime screenshots against design and report deviations, distinguish visual regression from cross-platform fidelity.
SkillAFreshness: AClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 24, 2026 (5 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from eng-mohamedemad-dev
- 0.559score
di-design-critique
eng-mohamedemad-dev
Perform an art-director-level visual and UX critique of an existing interface or screenshot.
SkillAFreshness: AClaude Code +9 - 0.556score
di-ui-audit
eng-mohamedemad-dev
Audit existing web UI for objectively verifiable accessibility, responsiveness, interaction, performance and code-quality issues.
SkillAFreshness: AClaude Code +9 - 0.556score
di-ui-build
eng-mohamedemad-dev
Implement premium, distinctive and accessible web UI from a clear design direction.
SkillAFreshness: AClaude Code +9 - 0.556score
di-polish
eng-mohamedemad-dev
Improve an existing UI in targeted iterations using evidence from visual critique and technical audit.
SkillAFreshness: AClaude Code +9 - 0.556score
di-arabic-rtl
eng-mohamedemad-dev
Design, implement and audit Arabic-first or bidirectional web interfaces with robust RTL semantics, typography, layout logic and mixed Arabic-English content.
SkillAFreshness: AClaude Code +9 - 0.552score
di-creative-direction
eng-mohamedemad-dev
Lead the creative strategy and art direction for a new website, landing page, rebrand or major redesign.
SkillAFreshness: AClaude Code +9
Cite this page
di-design-handoff skill. Agent Mart. https://agentmart.dev/skills/eng-mohamedemad-dev-di-design-handoff (last updated 2026-10-24)