ワンクリックで
tech
Research, validate, and set up technology profiles in content/technologies. Handles both new entries and updates to existing ones.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Research, validate, and set up technology profiles in content/technologies. Handles both new entries and updates to existing ones.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
Remove AI-generated code slop from the current branch by analyzing diffs against main and cleaning up unnecessary comments, defensive code, and style inconsistencies.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
| name | tech |
| description | Research, validate, and set up technology profiles in content/technologies. Handles both new entries and updates to existing ones. |
| license | Complete terms in LICENSE.txt |
This skill helps maintain the content/technologies directory by researching, validating, and creating technology profiles.
When the user asks to add or check a technology (e.g., "Add Bun", "Check Kubernetes"), follow this process:
Use WebSearch to gather the following information about the technology:
icon, horizontal, and stacked. (Note: You won't be able to download them directly to the specific filenames without FetchUrl or curl, so for now, just identify if they exist or create placeholders).Check if content/technologies/<slug> exists. The slug should be the kebab-case version of the technology name.
content/technologies/<slug>.index.mdx with the following structure. Strictly follow the frontmatter format.---
name: "Technology Name"
description: |
A comprehensive description of the technology.
It can span multiple lines.
logos:
icon: ./icon.svg
horizontal: ./horizontal.svg
stacked: ./stacked.svg
website: "https://official-website.com"
documentation: "https://docs.url"
license: "License-Type"
categories:
- "category-1"
- "category-2"
status: "sandbox" # Default to sandbox for new entries, or 'stable' if very mature
radar:
status: assess # Default to assess
---
Introduction paragraph...
## What is [Technology]?
...
## Why [Technology] Matters in 2025
...
## Core [Technology] Concepts
...
## Getting Started with [Technology]
...
## Common Use Cases
...
## Best Practices for Production
...
## [Technology] Ecosystem and Tools
...
## Conclusion
...
./icon.svg, etc., but explicitly tell the user "I have created the file structure. You will need to manually add the icon.svg, horizontal.svg, and stacked.svg files to the content/technologies/<slug> directory."index.mdx.website, documentation, and license fields with your research.