heweitianqing

Form States — Development skill for Claude Code

Development community

Build a reference page for the form and feedback components of Harbor Bank, a fictional online bank.

How to install Form States

Installs to ~/.claude/skills/heweitianqing-skill-gallery-form-states/SKILL.md

Terminal

mkdir -p ~/.claude/skills/heweitianqing-skill-gallery-form-states && curl -fsSL https://raw.githubusercontent.com/heweitianqing/skill-gallery/HEAD/prompts/form-states.md -o ~/.claude/skills/heweitianqing-skill-gallery-form-states/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Form States does

id: form-states title: Form and feedback component states version: 1 showcase: true showcase_for: frontend-ui-engineering

Build a reference page for the form and feedback components of Harbor Bank, a fictional online bank. Designers and engineers at the bank use the page to check how each component looks in each state. Every state listed below must be visible on the page at the same time; seeing a state must not require clicking, typing or waiting.

Sections and content

*Header.

Alternatives in Development

Offer Toolkit Skill — Full job-hunt Claude skill bundle — Job Description decoder + Resume builder (11 templates) + Behavioral Inter 335 ★
Technique Combine People — Combine a user's photo with another person (real or fictional) into a single composite image: $ARGUMENTS 178 ★
Claude Architect Exam Guide — The CCAR-F, CCAR-P prep guide built for non-technical learners and engineers alike 174 ★