Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, blogs, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Install
npx skills add aws-solutions-library-samples/guidance-for-claude-code-with-amazon-bedrock --skill frontend-designnpx skills add aws-solutions-library-samples/guidance-for-claude-code-with-amazon-bedrock --skill frontend-design -a claude-code -gnpx skills add aws-solutions-library-samples/guidance-for-claude-code-with-amazon-bedrock --skill frontend-design -a codex -ggemini skills install https://github.com/aws-solutions-library-samples/guidance-for-claude-code-with-amazon-bedrock.git --path assets/claude-code-plugins/plugins/frontend-design/skills/frontend-designgh skill install aws-solutions-library-samples/guidance-for-claude-code-with-amazon-bedrock frontend-designgit clone --depth 1 https://github.com/aws-solutions-library-samples/guidance-for-claude-code-with-amazon-bedrock /tmp/aws-solutions-library-samples__guidance-for-claude-code-with-amazon-bedrock
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/aws-solutions-library-samples__guidance-for-claude-code-with-amazon-bedrock/assets/claude-code-plugins/plugins/frontend-design/skills/frontend-design ~/.claude/skills/frontend-design # Claude Code
cp -R /tmp/aws-solutions-library-samples__guidance-for-claude-code-with-amazon-bedrock/assets/claude-code-plugins/plugins/frontend-design/skills/frontend-design ~/.agents/skills/frontend-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode