Structured Layouts
NO. 1
Frontend skillsfor AI coding tools
Pureform is a frontend skill library with skills for layout, hierarchy, redesign work, interaction quality, and more complete UI implementation.
npx skills add clivingston33/pureformIncludes skills for:
Claude Code
Codex
Gemini CLI
Cursor
Lovable
OpenClaw
GitHub Copilot
Kiro
Everything you need for frontend quality
Layout grid system
Content hierarchy, spacing consistency, and visual structure before decoration.
Features
Building blocks for better frontend work
The library is meant to improve how a model approaches interface work, from first structure to final implementation quality.
Sharper Hierarchy
NO. 2
Controlled Redesigns
NO. 3
Better Interaction
NO. 4
Screen-Level Coverage
NO. 5
Implementation Quality
NO. 6
Library
Skills for real frontend work
Pureform is organized around the actual frontend job in front of the model, from new screens to redesign passes and finish-quality sweeps.
Use Cases
Ways you can use Pureform
FROM SCRATCH
Use Pureform when the model is starting from a blank screen.
The foundation and screens skills help the model make better layout, hierarchy, and flow decisions before visual detail takes over.
REDESIGN
Use it when an existing interface needs clearer improvement.
The redesign and quality skills are meant for upgrades that stay disciplined instead of turning into a full visual rewrite.
RESPONSIVE
Use it when the layout needs to hold up across screen sizes.
The responsive skills guide the model through breakpoints, flexible grids, and adaptive spacing without breaking the desktop version.
POLISH
Use it when the UI is built but still feels unfinished.
The quality skills cover hover states, transitions, focus rings, and disabled states that push the work past a rough first pass.
Workflow
Cleaner interface decisions
Start with a skill, pair it with the task, and give the model a better operating frame before visual detail takes over.
FAQs
Frequently asked questions
Pureform is a frontend skill library for AI coding tools. It gives the model a tighter operating frame for layout, hierarchy, interaction, redesign work, and frontend implementation quality.
Run the install command shown on the page: npx skills add clivingston33/pureform. After that, open the skill you want and pair it with your normal task prompt.
Both. Some skills are built for blank-canvas screens, while others are focused on reading an existing interface and improving it without overcorrecting.
No. The skill is the operating system. Your prompt is still the assignment. The best results come from using both together.
Structure, hierarchy, spacing consistency, responsive coverage, interaction feel, state completeness, and the overall finish of frontend work.
The GitHub repo is the source of truth for the skill library, its folders, and the skill files themselves.
