Skip to content

Integrate impeccable design skills into AI command#3013

Draft
youknowriad wants to merge 1 commit intotrunkfrom
impeccable-ai-integration
Draft

Integrate impeccable design skills into AI command#3013
youknowriad wants to merge 1 commit intotrunkfrom
impeccable-ai-integration

Conversation

@youknowriad
Copy link
Copy Markdown
Contributor

Related issues

How AI was used in this PR

Claude Code explored the impeccable repo structure, identified integration options, and implemented the chosen approach. All changes were reviewed.

Proposed Changes

  • Add impeccable as a GitHub npm dependency for its comprehensive design skill system (1 frontend-design skill with 7 reference files + 20 command skills)
  • Register impeccable as a second local plugin in the Claude Agent SDK, loaded alongside our existing Studio plugin at build time via vite-plugin-static-copy
  • Replace the inline LOCAL_DESIGN_GUIDELINES in the system prompt with a reference to impeccable's frontend-design skill, keeping WordPress-specific block constraints
  • Add all 20 impeccable slash commands (/polish, /animate, /audit, /typeset, /overdrive, etc.) to the autocomplete registry

Testing Instructions

  • Run npm install && npm run cli:build
  • Verify skills appear in dist: ls apps/cli/dist/cli/plugins/impeccable/.claude/skills/
  • Run node apps/cli/dist/cli/main.mjs ai and confirm impeccable slash commands appear in autocomplete
  • Test /polish or /animate on a local WordPress site to verify the skills invoke correctly

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant