Навыки: Дизайн

Apply Spatie's security guidelines when configuring applications, databases, servers, credentials, or signed Git commits...

Use when you write the `context` and `design` sections of an analiz report - components, exact interfaces, data flow, er...

Build an ordered specification package with every selected product accounted for, using accepted templates and exact pro...

仕様（Why）と設計（How）を記録し、Living Documentation原則でコードと常に同期させる

Generate front-end UI specifications and code for Web, GUI, or Terminal interfaces through a constraint-aware 9-phase wo...

Extract UX tasks from a product spec and save as ux-tasks.md in the same spec folder. Use this skill when: - The user wa...

Gunakan untuk membuat dokumen spec/design formal dari hasil brainstorm atau deskripsi fitur. Trigger: "buat spec untuk X...

Execute this skill should be used when the user asks about "writing specs", "specs.md format", "how to write specificati...

Elaborate and expand user input into structured idea documents in .spec/ideas/. Takes rough thoughts, researches pattern...

Master specialized tech careers including Product Management, Engineering Management, DevRel, Technical Writing, QA, Blo...

Thorough, read-only cross-artifact analysis of spec.md, plan.md, tasks.md and the design docs, checked against the curre...

Gather evidence — users, market, prior art, and data — to support or challenge the idea

Shape a concept: solution options, scope, appetite, and trade-offs (no implementation design)

Spec-kit workflow command: copilot-instructions

Before any new story, task or bug fix starts, check its design: read the Design and Design boards links and the Screens...

Creates detailed specifications from client needs including product specs, technical specs, design specs, and API specs....

Construir a documentação técnica em docs/ e o inventário npm/Composer em .specsfy/PACKAGES.md. Use ao documentar sistema...

Criar e manter o DESIGNSYSTEM.MD com regras macro de interface SaaS, padrões CRUD, estados e exceções por alcance. Use a...

Analisar o sistema atual e orientar a descoberta, o plano e a entrega de interfaces completas, bonitas e compatíveis com...

Projetar, implementar e revisar interfaces React com composição, estado, efeitos, concorrência, acessibilidade, performa...

Escolher, compor e adaptar uma biblioteca de componentes React com Tailwind CSS para landing pages, marketing, navegação...

Criar interfaces React e Tailwind CSS com os componentes gratuitos do ReUI. Use em projetos com React, Tailwind CSS e sh...

Instalar, compor e adaptar shadcn/ui com registry, Base UI, Radix, React Aria, theming, formulários, tabelas, gráficos,...

Implementar e revisar Tailwind CSS com tokens, variantes, responsividade, dark mode, container queries e CSS sustentável...

Projetar e revisar interfaces visuais de sistemas, dashboards e aplicações com hierarquia, layout, tokens, componentes,...

Investigar, estruturar e validar experiências com pesquisa, arquitetura da informação, jornadas, fluxos, formulários, on...

Implementar e auditar acessibilidade web com WCAG, HTML semântico, teclado, foco, nomes acessíveis, contraste, zoom e te...

Builds a Canvas 2D knockout word whose traced outline is roughened and grown into hundreds of hand-drawn spikes, each a...

Use when adding interactive 3D scenes from Spline.design to web projects. Covers embedding methods (React, Next.js, vani...

Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control...

Integra escenas Spline (editor 3D visual sin código) en React/Next.js: @splinetool/react-spline, eventos onSpline*, emit...

Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes witho...

You MUST use this before any creative work - creating features, proposing changes,building components, adding functional...

Builds a WebGL fragment-shader effect that looks like a three-ink screenprint reprinting itself, cycling through six bol...

Generate Spring Boot components following modern Java best practices and team conventions

Spring Boot 4 REST API implementation patterns. Use when creating REST controllers, request validation, exception handle...

This prompt instructs the AI to generate an Impressionist-style springtime artwork featuring the specified subject, rend...

スプリント計画の体系的な立案と実行管理を支援するスキル。チームキャパシティの可視化、タスク分解、リスク管理を通じて、価値提供と持続可能な速度（サステーナブルペース）を両立させる。Anchors:• Agile Estimating and...

Autonomously plan a CIDCA sprint in ClickUp — pull ready backlog tickets into the current (not-completed) sprint up to t...

Use this skill to generate well-branded interfaces and assets for Sprintable, either for production or throwaway prototy...

CSS sprite-sheet animation with stepping keyframes. Character walk cycle, loading spinner, or UI micro-animation. Use fo...

Generate game sprites, SVG characters, ASCII art, animated mascots, and isometric turnarounds from images or description...

Generate a parallel workstream plan for multi-agent Claude Code work. Decomposes a feature into independent workstreams,...

Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.

This prompt instructs an image-generation system to produce a photorealistic, portrait-oriented survival-thriller scene:...

Builds a squircle in React and SVG, a rectangle whose corners are a superellipse instead of a circular arc, so curvature...

Implement Semantic Retrieval Optimization for AI search visibility. Use when performing SRO audits, building entity maps...

Audit a component or page for accessibility issues and fix them