frontend-design
๐ฏSkillfrom am-will/codex-skills
|Frontend design skill for creating distinctive, production-grade web interfaces with high design quality, avoiding generic AI aesthetics through bold creative choices and exceptional attention to detail
Overview
Frontend Design is a Claude Code skill that generates distinctive, production-grade frontend interfaces with high design quality. When activated, it guides Claude to create web components, pages, and full applications with creative, polished code that deliberately avoids the generic aesthetic patterns commonly associated with AI-generated designs.
Key Features
- Production-Grade Output: Generates frontend code ready for production use, not just prototypes
- Creative Design Quality: Produces distinctive visual designs that avoid generic AI-generated aesthetics
- Broad Scope: Handles web components, full pages, and complete application interfaces
- Design-First Approach: Prioritizes visual polish and creative expression alongside functional code
Who is this for?
This skill is for developers and designers who want Claude Code to produce frontend interfaces that look professionally designed rather than template-generated. It is particularly valuable for teams that need high-quality UI code quickly but do not want the output to look like generic AI work.
Same repository
am-will/codex-skills(19 items)
Installation
npx vibeindex add am-will/codex-skills --skill frontend-designnpx skills add am-will/codex-skills --skill frontend-design~/.claude/skills/frontend-design/SKILL.mdSKILL.md
More from this repository10
Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Context7 documentation fetcher skill for retrieving current library documentation via Context7 API, proactively looking up APIs for React, Next.js, Supabase, and other libraries instead of relying on outdated knowledge
Creates comprehensive, phased implementation plans with sprints and atomic tasks for planning features, breaking down work, and building structured roadmaps.
Reads and searches GitHub repository documentation via the gitmcp.io MCP service, converting GitHub URLs to documentation endpoints.
Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Detailed implementation planning skill that creates phased plans with sprints and atomic tasks, covering codebase research, requirements clarification, and structured implementation phases for bugs, features, or tasks
Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Collection of agent skills for planning, documentation access, frontend development, and browser automation, featuring multi-agent orchestration with planner, parallel tasks, and LLM council capabilities.
Queries the OpenAI developer documentation MCP server via CLI (curl/jq) to search, browse, and fetch authoritative docs for the OpenAI API, SDKs, ChatGPT Apps SDK, Codex, and MCP integrations with up-to-date official guidance.
A collection of Codex/agent skills for planning, documentation access, frontend development, and browser automation, including parallel task execution, LLM council multi-agent orchestration, Context7 doc fetching, and Gemini Computer Use browser control.