frontend-design
From the author
Designs frontend UI architecture including component hierarchy, state management strategy, design tokens, and accessibility requirements. Use when starting frontend design or when the user mentions UI architecture, component design, or frontend planning.
Install
npx skills add tranhieutt/software_development_department --skill frontend-design -a claude-code
Installs to .claude/skills/frontend-design/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 78
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- backend-designitseffi/agentic-osDesign backend architecture for implementation with API contracts, data model changes, service boundaries, security, and observability.Design★ 117
- frontendcode-yeongyu/oh-my-openagentBuilds, styles, and polishes anything drawn with HTML, CSS, or SVG: web UI, pages, components, HTML reports rendered to PDF or print, figures, PNG/SVG diagrams, slides, and images for Notion or Slack. Use for any styling, layout, animation, or visual-quality task, or when asked to make something look or feel a certain way.Design★ 70.3K
- frontend-engineeringDevelopersGlobal/ai-agent-skillsAccessible, performant, responsive UI patterns. Component design, state management discipline, and Core Web Vitals compliance.Design★ 215
- ui-designTencentCloudBase/CloudBase-AI-ToolkitUse when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.Design★ 1.1K
- web-design-guidelinesJasonxzWen/harness-hubLoad when a task needs UI, UX, accessibility, or web interface guideline compliance review; use frontend-design when creating or changing production UI.Design★ 71
- frontend-ui-uxwjgoarxiv/litgravityBuild or restyle a UI: clear hierarchy, accessible contrast, responsive layout, browser-checked.Design★ 166
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in