Design e Frontend
16.414 skills encontradas
Alerta por categoria
Receba novas skills de Design e Frontend toda segunda
Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.
axe-rules
Load this skill when configuring axe-core scans, reviewing automated accessibility test results, or writing tests that use @axe-core/playwright, @axe-core/react, or similar integrations. Provides a quick reference to axe 4.x rule IDs, their WCAG mapping, and default severity levels.
diagramming
Creates Mermaid and ASCII diagrams for flowcharts, architecture, ERDs, state machines, mindmaps, and more. Use when user mentions diagram, flowchart, mermaid, ASCII diagram, text diagram, terminal diagram, visualize, C4, mindmap, architecture diagram, sequence diagram, ERD, or needs visual documentation.
sops-encrypt
Encrypt .env files using SOPS + age. Converts dotenv to YAML format (avoids SOPS bug #1435), then encrypts. Auto-detects unencrypted .env files. Use when user mentions "encrypt env", "sops encrypt", "encrypt secrets", "encrypt .env", "encrypt environment", "re-encrypt", "update encrypted".
skill-creator
Build new Claude skills from scratch — SKILL.md authoring, instruction design, example writing, and testing.
project-management
Agile/Waterfall project planning, tracking, and delivery management
lyra
Transform vague inputs into precision-optimized AI prompts for Claude, ChatGPT, Gemini, or other LLMs. Use when user mentions "optimize prompt", "improve prompt", "lyra", "prompt engineering", or needs help crafting effective AI prompts.
logo-designer
Design SVG logos with multiple variants — primary, monochrome, favicon, and animated versions with brand alignment.
aria-knowledge
Build or verify cross-repo STITCH.md linking backend + frontends in a product group. Modes: create, verify, diff, section. Uses CODEMAPs as drift source by default. Trigger: '/stitch create <group>', '/stitch diff <group>'.
learning-path
Design personalized learning paths — skill assessment, resource curation, milestones, and progress tracking.
strategic-analysis
McKinsey-level strategic analysis with MECE frameworks and quantitative prioritization
react-component
Build production-ready React components — hooks, context, accessibility, TypeScript types, and Storybook stories.
thumbnail-designer
Design click-worthy thumbnails — layout compositions, text overlays, color psychology, and A/B test variants.