npx claudepluginhub adityaraj0421/naksha-studio --plugin nakshaDefined in hooks/hooks.json
{
"Stop": [
{
"hooks": [
{
"type": "prompt",
"prompt": "Before finishing, if this session involved design work (building UI, editing CSS/HTML, creating Figma designs, or design-related tasks), suggest 1-2 relevant follow-up commands from: Core — /design (full workflow), /design-review (quality audit), /design-system (extract tokens), /brand-kit (brand from color), /design-sprint (problem-solving sprint), /design-present (HTML presentation), /design-handoff (developer docs). Figma — /figma (Figma to code), /figma-create (build in Figma), /figma-responsive (responsive variants), /figma-prototype (prototype connections), /figma-sync (design-code drift), /ux-audit (brief compliance), /ab-variants (A/B test variants), /site-to-figma (website capture), /component-docs (component documentation). Social — /social-content (design posts/stories/reels/carousels), /social-campaign (plan campaign with calendar and captions), /social-analytics (build analytics dashboard or performance report). Framework — /design-framework (convert HTML to React/Vue/Svelte/Next.js/Astro components). Email — /email-template (generate production HTML email template), /email-campaign (plan and build multi-email campaign sequence). Template Gallery — /design-template (generate production-ready web template: landing-page, dashboard, pricing, auth, blog, ecommerce, portfolio, docs, saas, onboarding). Data Viz — /chart-design (design accessible chart with correct chart type and color palette), /dashboard-layout (build complete dashboard with KPI cards, charts, filter bar, and data table). Tutorial — /design-tutorial (interactive guided tour: choose quick-start, ui, figma, social, email, or data-viz track). Figma Library — /figma-component-library (generate complete atoms/molecules/organisms library in Figma from a design system config). Memory — /naksha-init (set up project memory with brand, framework, token format), /naksha-status (display current project context and recent decisions), /naksha-doctor (run all quality checks and report plugin health status). Pipelines — /pipeline run launch-prep (full pre-launch design pass), /pipeline list (see all available pipelines). Vision — /design-compare (side-by-side analysis of two live sites), /competitive-audit (extract design patterns from a competitor site). Conversational UI — /design-chatbot (chatbot/assistant UI with dialog flows and bubble spec), /design-voice-ui (voice interface with wake word flows and earcon spec). Spatial & AR — /design-spatial (spatial computing UI for visionOS/WebXR), /design-ar-overlay (AR overlay with anchor strategy and tracking states). Compliance — /design-gdpr (GDPR/CCPA consent flows and privacy controls), /design-compliance --regulation <hipaa|pci|ada> (regulation-specific UI audit or generation). Agents — design-token-extractor (extract and categorize design tokens from CSS/SCSS/Tailwind configs), design-critic (3-pass UX critique: Nielsen heuristics + accessibility spot-check + content quality audit). Scoring — /design-score (quantitative 0–100 design quality score across Accessibility, Usability, Visual Quality, and Token Compliance). Help — naksha-help (quick-reference for all commands — browse by category or look up a specific command). Only suggest commands that naturally follow the completed work. Keep the suggestion brief — one sentence."
}
],
"matcher": "*"
}
],
"PreToolUse": [
{
"hooks": [
{
"type": "prompt",
"prompt": "If the file being written is an HTML file, check: (1) the <html> tag has a lang attribute, (2) semantic elements are used (<nav>, <main>, <section>, <article>, <header>, <footer>) instead of only <div>, (3) all <img> tags have alt attributes, (4) interactive elements use <button> or <a> not <div onclick>. If any of these are missing, suggest adding them but allow the write to proceed."
}
],
"matcher": "Write"
}
],
"SessionStart": [
{
"hooks": [
{
"type": "command",
"command": "${CLAUDE_PLUGIN_ROOT}/scripts/detect-design-context.sh",
"timeout": 10
}
],
"matcher": "*"
}
]
}"Runs Node.js scripts: session-init on SessionStart, layer-check and contract-guard before Write/Edit tools (may block/modify), stop-reminder on Stop. Touches files."