skills/pos-frontend/SKILL.md
Frontend composite — UI audit, design system upgrade, and UX analysis with design token memory. Replaces 10 frontend skills.
npx skillsauth add ShaheerKhawaja/ProductionOS pos-frontendInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Frontend composite — UI audit, design system upgrade, and UX analysis with design token memory. Replaces 10 frontend skills.
Replaces: frontend-audit, frontend-design, frontend-upgrade, designer-upgrade, ux-genie, ux-replicator, interface-craft, design-consultation, design-review, plan-design-review
| Action | What |
|--------|------|
| audit [url] | Full UI/UX audit — accessibility, responsive, interactions, performance |
| upgrade [target] | Design system upgrade — tokens, components, patterns |
| design [feature] | UX design — user stories, journey maps, mockups |
~/.productionos/domains/pos-frontend/sub-skills/{action}.mdevaluation/rubric.yml, update memoryStored at ~/.productionos/domains/pos-frontend/:
design-system.yml (tokens, colors, typography, spacing), component-inventory.jsonl (tracked components), audit-history.jsonl, learnings.jsonl
| Parameter | Values | Default | Description |
|-----------|--------|---------|-------------|
| action | audit, upgrade, design | audit | Sub-skill to run |
| target | path, URL, or description | required | What to operate on |
tools
Implementation planning workflow that turns approved ideas into dependency-aware execution plans.
development
Local RAG and Graph RAG over the SecondBrain wiki vault. Progressive context loading (hot cache -> index -> domain -> entity). Graph traversal via wikilink resolution. Use when agents need cross-project context, when answering questions that span multiple domains, or when building context for planning tasks. Triggers on: "wiki context", "cross-project context", "what do we know about", "check the wiki", "graph context", "/wiki-rag".
devops
UX improvement pipeline — creates user stories from UI guidelines, maps user journeys, identifies friction, dispatches fix agents. The user-experience equivalent of /production-upgrade.
development
Test-driven development workflow that writes failing tests first, implements minimally, and refactors safely.