30 Claude Code & Codex skills for design.

Skills the agent loads mid-task — copywriting, color theory, creative direction, brainstorming. There’s no static demo because the outcome depends on your input, so each detail page reads like a brief: title, description, triggers, attribution.

  1. 001 Architecture and contracts Choose maintainable boundaries and contracts for new systems, integrations and major refactors. scenario code-migration
  2. 002 Backend and API engineering Build and verify services, APIs, authentication, jobs and external integrations. scenario code-migration
  3. 003 Code migration (default scenario) Default reference pipeline for the code-migration taskKind, with patch-edit ↔ build-test devloop and diff-review handoff. scenario code-migration
  4. 004 Contribute Plugin to SankiWork Opens a pull request that adds a local SankiWork plugin to the SankiWork community catalog using the Gitea CLI. utility plugin-sharing
  5. 005 Data and migrations Design schemas and safely evolve persistent data with compatibility and recovery checks. scenario code-migration
  6. 006 Debugging and root cause Reproduce failures, isolate causes and verify focused fixes without masking errors. scenario code-migration
  7. 007 Default design router Hidden fallback scenario for free-form Home prompts. It infers the task type and asks only when the brief cannot be routed reliably. scenario default-router
  8. 008 Design Brief Parse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it professional" by requiring explicit dimensions: palette, typography, layout, mood, density, and constraints. Trigger keywords: "design brief", "create a design brief", "ilang brief", "structured brief". design-system planning
  9. 009 Design refine Baseline Refine plugin for improving an existing SankiWork artifact with a focused critique, small patch, and handoff summary. refine design-refine
  10. 010 Export to Next.js Starter downstream export plugin for turning an accepted SankiWork artifact into a Next.js App Router handoff. export downstream-export
  11. 011 Export to React Starter downstream export plugin for turning an accepted SankiWork artifact into a React component handoff. export downstream-export
  12. 012 Export to Vue Starter downstream export plugin for turning an accepted SankiWork artifact into a Vue 3 single-file component handoff. export downstream-export
  13. 013 Figma migration (default scenario) Default reference pipeline for the figma-migration taskKind. scenario figma-migration
  14. 014 Frontend and app engineering Implement accessible web, mobile and desktop interfaces from approved designs with real data flows. scenario code-migration
  15. 015 Media generation (default scenario) Default scenario plugin for image, video, and audio projects. Routes through the media-* atoms based on the project kind and wraps the result in a live artifact. scenario media-generation
  16. 016 New generation (default scenario) Default reference pipeline for the new-generation taskKind. scenario new-generation
  17. 017 Performance and observability Diagnose measured bottlenecks and add actionable runtime visibility. scenario code-migration
  18. 018 Plugin authoring Guided scenario for creating a local SankiWork plugin folder that can be added to My plugins. scenario plugin-authoring
  19. 019 Pptx Html Fidelity Audit Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this skill whenever the user has a .pptx that was generated from an HTML slide deck and asks to compare/audit/verify/fix the export — including phrases like "compare ppt with html", "fidelity audit", "fix the pptx", "ppt is cut off", "footer overlap", "italic missing in pptx", "re-export the deck", "pptx-html-fidelity-audit", or any case where a python-pptx → HTML round-trip needs verification or repair. Also trigger when the user shows you a deck.html and a deck.pptx side by side and is debugging visual differences. utility engineering
  20. 020 Publish Plugin to Gitea Creates a public Gitea repository for a local SankiWork plugin using the Gitea CLI. utility plugin-sharing
  21. 021 Rainbow Snake Game A playable rainbow snake game with keyboard and touch controls, score, pause and restart. scenario code-migration
  22. 022 Repository, release and operations Prepare reviewable changes and authorized releases with verified health and recovery. scenario code-migration
  23. 023 Requirements and acceptance Clarify engineering scope, runtime and observable acceptance criteria before substantial implementation. scenario code-migration
  24. 024 SankiWork AI solution architect Clarify the real goal, research relevant cases, compare feasible solutions, and hand the approved plan to the matching delivery specialist. scenario sankiwork-orchestrator
  25. 025 Security and supply chain Review authentication, trust boundaries, secrets and dependency risks in affected software. scenario code-migration
  26. 026 Share to community Package the work the user just finished into an SankiWork plugin and route them to the existing Add-to-My-plugins / SankiWork-PR buttons. Triggered by the post-completion 'Share to SankiWork' submission action. scenario plugin-sharing
  27. 027 Software development Implement and verify working software. scenario code-migration
  28. 028 SW Next Strategy V2 Bundled, inactive SW Next planning and Build strategy content. scenario od-next-strategy-v2
  29. 029 Testing and acceptance Create risk-based verification and evidence for software changes and user journeys. scenario code-migration
  30. 030 Tune & collaborate (default scenario) Default reference pipeline for the tune-collab taskKind. scenario tune-collab

SankiWork Desktop

One design system. Every output unmistakably your brand

Inside the full Vibe Design Workspace, use the same brand rules across websites, slide decks, interactive prototypes, dashboards, images, and HTML video. Connect Codex, Claude Code, Cursor, and other coding agents already on your computer, then create locally for free.

  • Web, slides, prototypes, dashboards, images, and video
  • 140+ design systems, plus the full template and skill library
  • Connect local Codex and 21+ coding agents · Free to use
Download free

Available for macOS, Windows, and Linux