picmakpro/vibeflow-os/vf-design

Claude Code and agent skill by picmakpro/vibeflow-os

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Utiliser dès que l'intention touche au design ou à l'UI/UX, sous toutes ses formulations — « améliore le design », « rends ça plus beau », « c'est moche », « modernise l'interface », « refais cette page », « la typo / le spacing / le contraste / les couleurs ne vont pas », « ajoute une animation », « c'est trop fade / trop chargé », « audite / critique cet écran », « on part sur quel style », « définis l'identité visuelle / la direction artistique », « extrais un design system », « responsive cassé ». Point d'entrée design de VibeFlow : détecte l'intention (définir la DA / modifier l'UI / critiquer / craft ciblé), détecte la stack, puis route. Générique multi-stack (web, mobile, desktop). ✘ pas pour une maquette jetable d'exploration (« montre-moi à quoi ça ressemblerait ») → /vf-sketch · ✘ pas pour un prototype de code jetable qui répond à une question technique → gsd-spike · ✘ pas pour construire l'écran une fois la direction validée → gsd-execute-phase. Invocable par l'utilisateur ET par l'agent en autonomie ET par le routeur de développement sur une phase de design.

Install

npx vskill@latest install picmakpro/vibeflow-os/vf-design

SKILL.md

vf-design — Point d'entrée design

Analyse l'intention design de la demande, détecte la stack du projet, puis incarne l'agent `vibeflow-design` — jamais dispatché en Task (profondeur 1 réservée au manager qu'il lance, team-kernel.md §Marge de profondeur de dispatch) — qui porte la table de routage canonique et la doctrine :

  • définir l'identité visuelle / la DA / from scratch → workflow DA-INIT
  • modifier / refondre / améliorer l'UI → workflow DESIGN-WORKFLOW (routing complexité :

QUICK FIX / PLAN MODE / FULL DESIGN)

  • critique / audit / review d'un écran → DESIGN-WORKFLOW (intent CRITIQUE)
  • explorer une direction / inspiration → DESIGN-WORKFLOW (intent INSPIRATION)
  • craft ciblé (spacing, typo, couleur, motion, copy, responsive) → DESIGN-WORKFLOW (QUICK FIX)

Le contrat UI et la revue UI (gsd-ui-phase, gsd-ui-review) n'ont pas de verbe dédié : l'agent les route en interne depuis ce verbe, qui est donc leur seule porte d'entrée. Seule la maquette jetable a la sienne — /vf-sketch.

Ne réimplémente jamais la logique d'un outil design : route et délègue. Générique : produit des specs + tokens adaptés à la stack, jamais du code framework-locké imposé. Reframe toute sortie en vocabulaire VibeFlow (cf. design-vocabulary-map.md). Ne nomme jamais les outils design internes bruts.

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
59
Repository forks
3
7-day trend score
0

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/picmakpro/vibeflow-os/vf-design/badge)](https://verified-skill.com/skills/picmakpro/vibeflow-os/vf-design)

Something wrong with this skill or its page? Tell us.