douinc
OrganizationAgent skills for Claude Code, Copilot, Codex, and Gemini CLI — Figma icons (Iconify), logos (SVGL), Korean UX Writing, and more.
Categories
Indexed Skills (9)
dou-product-design
Use when designing, wireframing, or implementing a screen for any Dou product Next.js prototype (Next.js + @dou/ui / shadcn stack). Covers the full spec → wireframe → (implement OR hand off to dev) workflow, including the policy-harness gate. Trigger this whenever the user wants to design a screen, build a wireframe, plan a feature's UI, or prepare a developer handoff for a Dou product — even if they don't say "skill" or name the workflow.
design-md-to-shadcn
Applies an external DESIGN.md (Google Labs design-token format) to a project's shadcn/ui theme. Activate when the user provides or references a DESIGN.md / design.md file, a designmd.app or Stitch design system, a downloaded brand design system, or asks to 'apply a design system / theme' to a shadcn project. Translates DESIGN.md tokens into shadcn CSS variables in the project's theme CSS file and turns the prose into component guidance. Inbound-only: does not extract a DESIGN.md from the project.
figma-icons-iconify
Use when working with Figma and UI icons are needed — triggers on icon names, icon libraries (Tabler, Lucide, Material Design, Phosphor, Heroicons), or requests to add/insert icons in Figma designs.
figma-logos-svgl
Use when working with Figma and brand or product logos are needed — triggers on brand names (React, Next.js, Vercel, Stripe, GitHub), company logos, or requests to add/insert logos in Figma designs.
langfuse-laravel-ai
Use when adding Langfuse tracing/observability to a Laravel app that uses the laravel/ai SDK (Laravel\Ai\ namespace, Agent classes, ->prompt()/->stream(), tools, conversations). Activate when the user wants to trace LLM/agent calls, token usage, or tool invocations to Langfuse in a Laravel project, pairs Langfuse with laravel/ai, or asks why traces aren't showing up. Laravel/PHP-specific: laravel/ai has no OpenTelemetry support and there is no first-party PHP Langfuse SDK, so the integration path is non-obvious.
manual-authoring
사용자가 첨부한 화면 스크린샷과 각 화면에 대한 말 설명만으로 깔끔한 A4 사용자 매뉴얼 PDF를 만들거나 수정한다 — Figma 불필요. 사용자 매뉴얼 / 메뉴얼 / user manual / user guide를 새로 만들거나, 페이지를 추가·수정하거나, 특정 단계의 스크린샷을 교체하거나, 모바일 앱과 웹 콘솔 매뉴얼을 하나의 배포용 PDF로 합치거나, general 버전에서 특정 고객(병원)용 에디션을 만들 때 반드시 사용한다. "이 화면 매뉴얼에 추가해줘"처럼 짧게 말하거나 UI 스크린샷을 붙이고 흐름을 설명하기만 해도 발동한다. 자체 완결형 HTML을 헤드리스 Chrome으로 A4 PDF로 렌더하고 페이지마다 육안 검증한다. macOS(Chrome + Quartz) 기준.
onboarding-design
Use when designing, reviewing, or auditing signup flows, goal-selection quizzes, permission prompts, paywalls, or any screen a user sees before their first meaningful action.
ux-writing-korean
한국어로 UI/UX 문구를 작성하거나 검수할 때 사용합니다. 해요체, 능동형, 긍정형, 캐주얼 경어, 명사 조합 회피 등 5가지 핵심 원칙과 예외 규칙을 적용합니다.
writing-project-readme
Use when explicitly invoked to write or fully rewrite a project README that must cover tech stack, architecture, features, and service description in a single document — readable by non-engineers (PM, design, ops, domain experts) as well as developers. Triggers on requests like "write the README", "redo README.md based on the whole project", "make a comprehensive README everyone can understand". Skip for one-section edits, badge tweaks, or generating a CHANGELOG.
Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.