frontend-design
Create distinctive, production-grade frontend interfaces with high design quality.
Skill by Hollis36
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/hollis36-frontend-design
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
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/frontend-design
What's inside
- Skill name
frontend-design- Description
- 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/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
- License
- Complete terms in LICENSE.txt
- Instructions
- 38 lines in SKILL.md · view on GitHub
Files (2)
- LICENSE.txt
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from Hollis36/claude-skill
- 0.462score
grill-me
Hollis36
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.
SkillCFreshness: C★ 1Claude Code +9 - 0.425score
review-paper-writing
Hollis36
Comprehensive guide to writing literature review / survey papers using Claude Code skills, MCP bio-research tools, scientific writing plugins, and 2025-2026…
SkillDFreshness: D★ 1Claude Code +9 - 0.423score
scientific-plotting
Hollis36
科研绘图助手，用于创建高质量的学术论文图表。支持统计图表（柱状图、折线图、散点图、箱线图、小提琴图）、科学示意图（流程图、机制图）、数据可视化（热力图、网络图）、高级图表（雷达图、Sankey图、分面图）。集成SciencePlots…
SkillDFreshness: D★ 1Claude Code +9 - 0.423score
graphical-abstract
Hollis36
学术论文摘要结构图(Graphical Abstract/TOC图)创建助手。支持多种工具：Python (matplotlib/PIL/drawsvg)、HTML/CSS/SVG、TikZ/LaTeX、Figma MCP、Banana Pro…
SkillDFreshness: D★ 1Claude Code +9 - 0.420score
experiment-tracking
Hollis36
实验追踪与管理助手，帮助科研人员记录、组织和管理实验数据。支持电子实验记录本（ELN）最佳实践、实验版本控制、数据溯源、FAIR数据原则。当用户需要：(1) 记录实验流程和参数、(2) 管理实验数据和结果、(3) 追踪实验版本和变更、(4) 确保实验可重复性时触发。关键词：实验记录、lab…
SkillDFreshness: D★ 1Claude Code +9 - 0.416score
reproducible-research
Hollis36
可重复性研究助手，帮助科研人员构建可重复的计算工作流。支持Jupyter notebooks最佳实践、Docker/Singularity容器化、工作流管理(Snakemake/Nextflow)、代码和数据版本控制、环境管理(conda/venv)。当用户需要：(1) 确保研究的可重复性、(2)…
SkillDFreshness: D★ 1Claude Code +9 - 0.416score
code-review
Hollis36
科研代码审查助手，专注于确保科研代码的正确性、可重复性和可维护性。支持代码质量检查、安全漏洞扫描、可重复性验证、数据完整性检查、最佳实践验证。当用户需要：(1) 审查科研代码质量、(2) 确保实验代码可重复、(3) 检查数据分析脚本、(4) 验证统计分析代码、(5) 准备代码发布或提交论文时触发。关键词：code…
SkillDFreshness: D★ 1Claude Code +9 - 0.407score
mcp-builder
Hollis36
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools.
SkillDFreshness: D★ 1Claude Code +9 - 0.402score
canvas-design
Hollis36
Create beautiful visual art in .png and .pdf documents using design philosophy.
SkillDFreshness: D★ 1Claude Code +9 - 0.402score
doc-coauthoring
Hollis36
Guide users through a structured workflow for co-authoring documentation.
SkillDFreshness: D★ 1Claude Code +9 - 0.402score
brand-guidelines
Hollis36
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.
SkillDFreshness: D★ 1Claude Code +9 - 0.402score
algorithmic-art
Hollis36
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.
SkillDFreshness: D★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Jan 23, 2026 (9 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Complete terms in LICENSE.txt
- Repository
- github.com/Hollis36/claude-skill
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Hollis36
- 0.462score
grill-me
Hollis36
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.
SkillCFreshness: C★ 1Claude Code +9 - 0.425score
review-paper-writing
Hollis36
Comprehensive guide to writing literature review / survey papers using Claude Code skills, MCP bio-research tools, scientific writing plugins, and 2025-2026…
SkillDFreshness: D★ 1Claude Code +9 - 0.423score
scientific-plotting
Hollis36
科研绘图助手，用于创建高质量的学术论文图表。支持统计图表（柱状图、折线图、散点图、箱线图、小提琴图）、科学示意图（流程图、机制图）、数据可视化（热力图、网络图）、高级图表（雷达图、Sankey图、分面图）。集成SciencePlots…
SkillDFreshness: D★ 1Claude Code +9 - 0.423score
graphical-abstract
Hollis36
学术论文摘要结构图(Graphical Abstract/TOC图)创建助手。支持多种工具：Python (matplotlib/PIL/drawsvg)、HTML/CSS/SVG、TikZ/LaTeX、Figma MCP、Banana Pro…
SkillDFreshness: D★ 1Claude Code +9 - 0.420score
experiment-tracking
Hollis36
实验追踪与管理助手，帮助科研人员记录、组织和管理实验数据。支持电子实验记录本（ELN）最佳实践、实验版本控制、数据溯源、FAIR数据原则。当用户需要：(1) 记录实验流程和参数、(2) 管理实验数据和结果、(3) 追踪实验版本和变更、(4) 确保实验可重复性时触发。关键词：实验记录、lab…
SkillDFreshness: D★ 1Claude Code +9 - 0.416score
reproducible-research
Hollis36
可重复性研究助手，帮助科研人员构建可重复的计算工作流。支持Jupyter notebooks最佳实践、Docker/Singularity容器化、工作流管理(Snakemake/Nextflow)、代码和数据版本控制、环境管理(conda/venv)。当用户需要：(1) 确保研究的可重复性、(2)…
SkillDFreshness: D★ 1Claude Code +9
Cite this page
frontend-design skill. Agent Mart. https://agentmart.dev/skills/hollis36-frontend-design (last updated 2026-10-24)