Skills · Design · Free
Frontend design
Design distinctive web pages and production interfaces in the existing stack or as offline HTML, with Chinese typography, accessible interactions, Astryx integration and browser QA.
About this skill
Frontend design is a free skill package, version 1.3.0, in the Design section of the TopxAI skill library. A skill is a folder with a SKILL.md file of instructions, plus any scripts and references it needs. Agents that read SKILL.md, such as Claude Code, Codex and Cursor, load a skill when a task matches its description.
Requirements: Install it in any agent that supports SKILL.md, then configure the local tools its SKILL.md lists; TopxAI Desktop has them ready.
Adapted from Anthropic skills (Apache-2.0). The package keeps the upstream licence and lists TopxAI's changes in its notice.
Install
Install it with the open skills CLI (Node.js), which copies it into Claude Code, Codex, Cursor and the other agents it detects; leave out -g to install into the current project only:
npx skills add https://api.topxai.xyz --skill frontend-design -g
To install by hand, download the ZIP and extract it into a folder named frontend-design in your agent's skills directory, keeping SKILL.md, scripts, references and licence files together. Read SKILL.md and configure its tools before the first use. TopxAI Desktop is not required.
Related skills
- Accessibility review
- Anatomy · interactive figures
- Architecture diagrams
- Astryx design
- Canvas design
- Design critique
Other languages: 简体中文