Source

smithery.ai

37,462 skills · 110K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
design-spec Create UI/UX design specifications from requirements or Figma designs.
smithery.ai
1
2
design-spec-auditor Verify code implementation aligns with design specifications. Use after implementing features, during code reviews, o…
smithery.ai
1
3
design-spec-extraction Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots…
smithery.ai
1
4
design-structure Design code structure from layer structure. Derives structure through separation decisions. Use before code generatio…
smithery.ai
1
5
design-style Use this skill when the user asks to build, create, design, develop, or improve ANY frontend interface, web page, UI …
smithery.ai
1
6
design-synthesizer Install the design-synthesizer skill for your AI agent. Published on smithery.ai.
smithery.ai
1
7
design-system-analyzer Analyze any website's UI style using ChromeDevTools to extract precise CSS tokens, animations, and interaction states.
smithery.ai
1
8
design-system-builder Install the design-system-builder skill for your AI agent. Published on smithery.ai.
smithery.ai
1
9
design-system-context Automatic design system context injection for UI consistency
smithery.ai
1
10
design-system-conventions Guide for UI styling with semantic design system classes. Never use gray-* colors or arbitrary Tailwind utilities.
smithery.ai
1
11
design-system-creation Build comprehensive design systems with components, patterns, and guidelines. Enable consistent design, faster develo…
smithery.ai
1
12
design-system-developer Context-aware routing to the Anytype iOS design system including icons, typography, colors, and spacing. Use when wor…
smithery.ai
1
13
design-system-enforcement Mandatory design system guidelines for shadcn/ui with Tailwind v4.
smithery.ai
1
14
design-system-foundation Use when starting a new React Native or Next.js project to establish design system foundation - creates design tokens…
smithery.ai
1
15
design-system-validator Install the design-system-validator skill for your AI agent. Published on smithery.ai.
smithery.ai
1
16
design-tenets-for-decision-making Create high-opinion decision-making tools (tenets) to resolve repetitive design debates and ensure product cohesion. …
smithery.ai
1
17
design-thinking Design Thinking methodology for human-centered innovation. Covers the 5-phase IDEO/Stanford d.school approach (Empath…
smithery.ai
1
18
design-to-component-translator Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tok…
smithery.ai
1
19
design-tokens-structure Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, ad…
smithery.ai
1
20
design-tool-scaling-field Strategic guidance for design-focused founders and product leaders based on Dylan Field's experience scaling Figma fr…
smithery.ai
1
21
design-tracker Record a project design decision into .claude/docs/DESIGN.md through the shared typed writer.
smithery.ai
1
22
design-validation Cross-check design artifacts for consistency and completeness. Use before implementation.
smithery.ai
1
23
design-video Install the design-video skill for your AI agent. Published on smithery.ai.
smithery.ai
1
24
design-workflow UI/UX design workflow guidelines. Activate when working with design systems, accessibility (WCAG), user interface pat…
smithery.ai
1
25
designer-skills Designer subsystem patterns for LlamaFarm. Covers React 18, TanStack Query, TailwindCSS, and Radix UI.
smithery.ai
1
26
designing-and-implementing Use when receiving feature requests, architectural discussions, or multi-step implementation needs that require desig…
smithery.ai
1
27
designing-avalonia-customcontrol-architecture Defines the basic solution structure for AvaloniaUI Desktop Applications using CustomControl. Use when creating new A…
smithery.ai
1
28
designing-backend Designs concise, streamlined backend systems matching exact task requirements. Use when planning APIs, data models, s…
smithery.ai
1
29
designing-components Use this skill when you need to design a component
smithery.ai
1
30
designing-database-schemas Install the designing-database-schemas skill for your AI agent. Published on smithery.ai.
smithery.ai
1
31
designing-distributed-systems When designing distributed systems for scalability, reliability, and consistency.
smithery.ai
1
32
designing-frontend-patterns Claude designs scalable React component architectures using compound components, custom hooks, and state machines. Us…
smithery.ai
1
33
designing-layouts Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and respo…
smithery.ai
1
34
designing-sdks Design production-ready SDKs with retry logic, error handling, pagination, and multi-language support. Use when build…
smithery.ai
1
35
designing-skills MUST be used when creating, writing, or designing new skills for Claude Code.
smithery.ai
1
36
designing-software Install the designing-software skill for your AI agent. Published on smithery.ai.
smithery.ai
1
37
designing-surveys Design and launch a product survey: brief, questionnaire, analysis plan, launch checklist. See also: conducting-user-…
smithery.ai
1
38
designing-syntax Design custom syntax elements with reuse-first approach for workflow orchestration. Use when user needs custom operat…
smithery.ai
1
39
designing-tests Designs and implements testing strategies for any codebase. Use when adding tests, improving coverage, setting up tes…
smithery.ai
1
40
designing-workflows Use when designing systems with explicit states, transitions, or multi-step flows. Triggers: 'design a workflow', 'st…
smithery.ai
1
41
designing-zod-schemas Designs Zod schemas following Zod-first development. Use when creating validation schemas, branded types, discriminat…
smithery.ai
1
42
desk-accessory Generate desk accessories for the Claude Office Visualizer. Creates small office items (mugs, staplers, plants, etc.)…
smithery.ai
1
43
Desktop UI Design Design intuitive desktop interfaces following platform conventions with proper layouts, keyboard shortcuts, and nativ…
smithery.ai
1
44
desktop-mouse Install the desktop-mouse skill for your AI agent. Published on smithery.ai.
smithery.ai
1
45
desktop-notify Install the desktop-notify skill for your AI agent. Published on smithery.ai.
smithery.ai
1
46
desktop-ops Operate macOS desktop UI via the desktop-ops CLI using the snapshot/ref/action workflow. Use when an agent needs to r…
smithery.ai
1
47
deslop-code Clean up AI-generated code changes by reviewing diffs against main and removing stylistic or structural artifacts (ov…
smithery.ai
1
48
detailed-commenter Ensures all code written or modified has detailed comments. Invoke when writing code to add comprehensive documentati…
smithery.ai
1
49
detailed-design-reviewer 詳細設計書をレビューし10点満点でスコアリングする
smithery.ai
1
50
detailed-design-templates 詳細設計書作成時のテンプレート集(フロントエンド設計書、Issue作成テンプレート等)
smithery.ai
1
Page 312 · 37,462 total Previous Next