frontend-art-direction
为应用、仪表盘、编辑器和网站选择前端设计方向,结合现有组件实现界面,并通过截图与交互检查验证效果。适用于界面设计、改版和视觉审查,不用于纯后端工作。
Skill by Hex4C59
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/hex4c59-frontend-art-direction
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: frontend
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
- Runs as
- Node.js package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/frontend-art-direction
What's inside
- Skill name
frontend-art-direction- Description
- 为应用、仪表盘、编辑器和网站选择前端设计方向,结合现有组件实现界面,并通过截图与交互检查验证效果。适用于界面设计、改版和视觉审查,不用于纯后端工作。
- License
- unknown
- Instructions
- 32 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (79)
- SKILL.md
- SOURCE.md
- CHANGELOG.md · upstream/
- CONTRIBUTING.md · upstream/
- README.md · upstream/
- SKILL.md · upstream/
- openai.yaml · upstream/agents/
- frontend-art-direction.js · upstream/bin/
- constraint-policy.json · upstream/data/
- motion.json · upstream/data/
- palettes.json · upstream/data/
- profiles.json · upstream/data/
- quality-gates.json · upstream/data/
- quality-rubric.json · upstream/data/
- reference-lenses.json · upstream/data/
- reference-recipes.json · upstream/data/
- reference-sources.json · upstream/data/
- resources.json · upstream/data/
- stacks.json · upstream/data/
- styles.json · upstream/data/
- types.json · upstream/data/
- visual-directions.json · upstream/data/
- visual-treatments.json · upstream/data/
- architecture.md · upstream/docs/
- research-synthesis.md · upstream/docs/
- package.json · upstream/
- assets.md · upstream/references/
- constraint-authority.md · upstream/references/
- creative-direction.md · upstream/references/
- design-production-loop.md · upstream/references/
- design-system.md · upstream/references/
- geometry-language.md · upstream/references/
- implementation.md · upstream/references/
- independent-critique.md · upstream/references/
- live-iteration.md · upstream/references/
- motion.md · upstream/references/
- operating-modes.md · upstream/references/
- premium-finish.md · upstream/references/
- product-prototype.md · upstream/references/
- reference-build.md · upstream/references/
- reference-composition.md · upstream/references/
- reference-discovery.md · upstream/references/
- research-atlas.md · upstream/references/
- resources.md · upstream/references/
- response-contract.md · upstream/references/
- verification.md · upstream/references/
- visual-composition.md · upstream/references/
- visual-iteration.md · upstream/references/
- audit.mjs · upstream/scripts/
- authority.mjs · upstream/scripts/
- browser-capture.mjs · upstream/scripts/
- check.mjs · upstream/scripts/
- completion-contract.mjs · upstream/scripts/
- creative-process.mjs · upstream/scripts/
- design-brief.mjs · upstream/scripts/
- design-loop-session.mjs · upstream/scripts/
- design-loop.mjs · upstream/scripts/
- design-operation.mjs · upstream/scripts/
- image-proposal.mjs · upstream/scripts/
- inspect-project.mjs · upstream/scripts/
- …and 19 more
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from Hex4C59/my-skills
- 0.564score
humanizer
Hex4C59
编写或润色文章、代码说明、注释和技术文档。用具体、易懂的语言 解释陌生术语,去掉 AI 套话和机械结构,保留原意、事实与作者语气。
SkillAFreshness: AClaude Code +9 - 0.558score
writing-for-agents
Hex4C59
编写或审查 AGENTS.md、CLAUDE.md、SKILL.md 及 Agent 配套文档,改善指令、引用条件、信息层级和完成标准。
SkillAFreshness: AClaude Code +9 - 0.553score
writing-clearly-and-concisely
Hex4C59
编写或修改面向人的文字,包括技术文档、README、代码注释、 实现说明、提交说明和报错文案。使用具体、易懂的语言, 解释读者陌生的术语,减少抽象表述,并保留准确的技术含义。
SkillAFreshness: AClaude Code +9 - 0.550score
last30days-skill
Hex4C59
检索并综合最近 30 天围绕指定主题的社区讨论、事件和趋势,提供来源证据。
SkillAFreshness: AClaude Code +9 - 0.550score
agent-reach
Hex4C59
通过 Agent Reach 及其渠道工具搜索与读取网页、社交和视频平台上的公开信息。
SkillAFreshness: AClaude Code +9 - 0.550score
ui-ux-pro-max-skill
Hex4C59
设计、实现或检查网页和应用界面的 UI/UX,检索本地配色、字体、布局和技术栈数据。
SkillAFreshness: AClaude Code +9 - 0.550score
career-ops
Hex4C59
评估职位、定制简历、搜索岗位、管理申请进度并准备面试的求职工作流。
SkillAFreshness: AClaude Code +9 - 0.550score
understand-anything
Hex4C59
分析代码库架构、组件和依赖关系,生成知识图谱及交互式架构浏览所需数据。
SkillAFreshness: AClaude Code +9 - 0.550score
interview-prep-generator
Hex4C59
根据简历和目标岗位准备面试问题、回答要点、项目故事与自我介绍。
SkillAFreshness: AClaude Code +9 - 0.550score
resume-tailor
Hex4C59
按目标岗位的职位描述调整简历重点、技能顺序和关键词,保留真实经历。
SkillAFreshness: AClaude Code +9 - 0.550score
taste-skill
Hex4C59
为落地页、作品集和页面改版选择视觉方向并实现前端设计,减少模板感。
SkillAFreshness: AClaude Code +9 - 0.550score
git-commit
Hex4C59
分析 Git 变更并生成 Conventional Commits 提交信息,按用户要求组织暂存文件和执行提交。
SkillAFreshness: AClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 11, 2026 (18 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/Hex4C59/my-skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Hex4C59
- 0.564score
humanizer
Hex4C59
编写或润色文章、代码说明、注释和技术文档。用具体、易懂的语言 解释陌生术语,去掉 AI 套话和机械结构,保留原意、事实与作者语气。
SkillAFreshness: AClaude Code +9 - 0.558score
writing-for-agents
Hex4C59
编写或审查 AGENTS.md、CLAUDE.md、SKILL.md 及 Agent 配套文档,改善指令、引用条件、信息层级和完成标准。
SkillAFreshness: AClaude Code +9 - 0.553score
writing-clearly-and-concisely
Hex4C59
编写或修改面向人的文字,包括技术文档、README、代码注释、 实现说明、提交说明和报错文案。使用具体、易懂的语言, 解释读者陌生的术语,减少抽象表述,并保留准确的技术含义。
SkillAFreshness: AClaude Code +9 - 0.550score
career-ops
Hex4C59
评估职位、定制简历、搜索岗位、管理申请进度并准备面试的求职工作流。
SkillAFreshness: AClaude Code +9 - 0.550score
ui-ux-pro-max-skill
Hex4C59
设计、实现或检查网页和应用界面的 UI/UX,检索本地配色、字体、布局和技术栈数据。
SkillAFreshness: AClaude Code +9 - 0.550score
last30days-skill
Hex4C59
检索并综合最近 30 天围绕指定主题的社区讨论、事件和趋势,提供来源证据。
SkillAFreshness: AClaude Code +9
Cite this page
frontend-art-direction skill. Agent Mart. https://agentmart.dev/skills/hex4c59-frontend-art-direction (last updated 2026-10-24)